Zurb foundation 画布菜单的基础在移动中总是可见的

Zurb foundation 画布菜单的基础在移动中总是可见的,zurb-foundation,off-canvas-menu,Zurb Foundation,Off Canvas Menu,当前,对于移动和小型桌面屏幕,非画布菜单始终可见。。。谁能告诉我我做错了什么 站点是基于ZURB基金会框架使用WAP主题构建的。 提前感谢,, Adam您在控制台中有错误: Uncaught TypeError: $ is not a function 这表明您有一个jQuery问题,基础使用jQuery来隐藏小屏幕/大屏幕上的导航(不相关)部分。 我猜如果你改变这个: $(document).ready(function() { var temp = ""; $(':inpu

当前,对于移动和小型桌面屏幕,非画布菜单始终可见。。。谁能告诉我我做错了什么

站点是基于ZURB基金会框架使用WAP主题构建的。 提前感谢,,


Adam

您在控制台中有错误:

Uncaught TypeError: $ is not a function

这表明您有一个jQuery问题,基础使用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中

事情可能会成功(尽管我没有检查代码的贪婪性)


查看jQuery如何陷入冲突的更多信息。

不清楚您在问什么……嗨,Elicoheator,谢谢您的评论。我的问题是,如何使非画布导航在移动设备上远离画布,并在单击菜单链接时显示,当前它是可见的,而无需单击菜单链接。我希望这更有意义。