ZURB基金会中的自定义顶栏背面文字

Question

当我将此代码添加到application.js时，它无法正常工作。 我再显示2个“ custom_text”按钮，并将其保留在原始的“ back”按钮中。

    $(document).foundation()
        .foundation('topbar', {
            index : 0,
            stickyClass : 'sticky',
            custom_back_text: true,
            back_text: 'custom_text',
            init : true
        });

那怎么解决？

Answer 1

Foundation Topbar现在支持数据选项，例如。

<nav class="top-bar" data-section data-options="back_text: 'custom_text'">

Answer 2

问题是您要初始化两次基础脚本。 您可以通过以下方式修复它：

$(document).foundation('topbar', {
        index : 0,
        stickyClass : 'sticky',
        custom_back_text: true,
        back_text: 'custom_text',
        init : true
    });