在ZURB's基金会

Custom top-bar back text in ZURB's Foundation

本文关键字：基金会 ZURB      更新时间：2023-09-26

当我将此代码添加到我的application.js时，它无法正常工作。我又显示了两个"custom_text"按钮，它保留了原来的"back"按钮。

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

这怎么能解决？

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

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

问题是初始化了两次基础脚本。你可以用这种方式修复它：

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