我有一个使用jquery按钮打开的移动/响应导航菜单。在我添加了一个jquery脚本之前,该按钮工作得很好,如果用户单击菜单div之外的任何地方,该脚本也会关闭该窗口,该脚本的工作原理也是为了关闭任何地方的菜单,除非尝试使用初始菜单按钮,否则它将无法工作(但如果菜单关闭,它仍然可以再次打开)。
有人能帮我找出为什么按钮本身不工作吗?
$(document).ready(function() {
var mobileNav = $('#mobile-nav');
//Toggle hide on the menu
$('.btn-navbar
此jQuery代码段在单击菜单链接时显示或隐藏子菜单项:
jQuery(document).ready(function($) {
$('.main-navigation ul li a').click(function() {
var li = $(this).closest('li');
if(li.has('ul'))
li.find('ul').toggle(100);
});
});
如何使用“动画”而不是“切换”来达到类似的效果?
提前感谢您的建议!
我有一个移动菜单按钮,它显示在768px以下的宽度,当点击它时显示菜单,当再次点击时它隐藏菜单。然而,一旦菜单被jquery隐藏,如果浏览器宽度增加(例如在桌面上)超过768px,我如何再次显示它。我必须使用jQuery来检查屏幕宽度并显示在768px以上,还是css可以?
$(document).ready(function(){
var h = $("#hamburger");
h.addClass('fa fa-toggle-down');
h.on('click', function(){
if (h.