zurb-foundation - Foundation off canvas 菜单在移动设备上始终可见

Question

目前在这个网站上，对于移动设备和小型桌面屏幕，画布菜单始终可见......谁能告诉我我做错了什么？

该站点是使用基于 Zurb Foundation 框架的 Joints WP 主题构建的。

在此先感谢，亚当

Answer 1

您在控制台中有错误：

Uncaught TypeError: $ is not a function

这表明你有一个 jQuery 问题，Foundation 使用 jQuery 来隐藏小/大屏幕上导航的（不相关的）部分。

我猜如果你改变这个：

$(document).ready(function() {
    var temp = "";
    $(':input').click(function() {
        temp = $(this).attr('placeholder');
        $(this).attr('placeholder','');
        $(this).blur(function() {
            $(this).attr('placeholder',temp);
        });
    });
});

对此：

jQuery(document).ready(function() {
    var temp = "";
    jQuery(':input').click(function() {
        temp = jQuery(this).attr('placeholder');
        jQuery(this).attr('placeholder','');
        jQuery(this).blur(function() {
            jQuery(this).attr('placeholder',temp);
        });
    });
});

在script.js

事情可能会奏效（尽管我没有检查过代码的贪婪性）。

查看http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/了解更多关于 jQuery 如何遇到冲突的信息。