ZURB Foundation中的自定义顶栏后退文本

Question

当我将此代码添加到我的application.js时，它无法正常工作。 我再显示了2个'custom_text'按钮，它保留了原来的'后退'按钮。

    $(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
    });