Question

目前on this site画布菜单总是可以在移动和小型桌面屏幕上看到......有谁能告诉我我做错了什么？

该网站是使用基于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

事情可能有用（虽然我没有检查代码的贪婪）。

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

画布菜单的基础在移动设备上始终可见

1 个答案: