Mobile 在用户选择一个选项后隐藏div
我没有找到我想要的答案,所以我为什么要提出这个问题。我有一个div,单击时显示另一个div,但在用户选择其中一个选项后,我需要隐藏它(单击时显示的div),我如何才能做到这一点 当用户点击“#显示菜单”时,在点击其中一个“.mob”李的“.mob”div后,.mob”div消失 对不起,我的英语不好 HTML:Mobile 在用户选择一个选项后隐藏div,mobile,drop-down-menu,show-hide,Mobile,Drop Down Menu,Show Hide,我没有找到我想要的答案,所以我为什么要提出这个问题。我有一个div,单击时显示另一个div,但在用户选择其中一个选项后,我需要隐藏它(单击时显示的div),我如何才能做到这一点 当用户点击“#显示菜单”时,在点击其中一个“.mob”李的“.mob”div后,.mob”div消失 对不起,我的英语不好 HTML: <div id="showmenu"><img src="images/mobile.png" /></div> <div class="mob
<div id="showmenu"><img src="images/mobile.png" /></div>
<div class="mob" style="display: none;">
<ul>
<a data-scroll href="#home"><li>INÍCIO</li></a>
<a data-scroll href="#servicos"><li>EU FAÇO</li></a>
</ul>
</div>
$(document).ready(function() {
$('#showmenu').click(function() {
$('.mob').slideToggle("fast");
});
});
如果你不打算去任何地方,这些真的应该是
?他们能不能就是
在此之后,我认为您希望为您拥有的
提供id,然后创建一个与您为$('showmenu')所做的非常类似的函数。单击…
,将隐藏.mob
或者如果所有的
都得到了相同的对待,可能会给它们提供相同的类,并且只为该类提供一个函数。我不知道您正在使用的引导程序或jquery插件,但基于所提供的,我认为这应该是可行的
$(document).ready(function() {
$('#showmenu').click(function() {
$('.mob').slideToggle("fast");
$('.mob a').click(function () {
$('.mob').slideToggle("fast");
});
});
});
需要注意的是,这里存在一个性能问题,即代码可以更好地优化,以搜索特定div中的类或元素,而不是整个文档li将用户带到同一页面的其他部分(这是一个单页网站)。我不知道如何创建js代码,我在搜索网页时发现了一个,但后来我注意到了这个问题(点击li的按钮后div没有关闭)谢谢,我尝试了你所说的,效果很好。下面是代码:
$(文档).ready(函数(){$('.'showmenu')。单击(函数(){$('.mob').slideToggle(“fast”);$('.close')。单击(函数(){$('.mob').slideToggle();})代码>我假设您将类“close”添加到s或s。您也可以按照Dasith所说的做,使用$('.mob a'),而不将类“close”添加到 s或s。是的,我将类“close”添加到 s。谢谢你们的帮助!不确定这是否适用于$('.mob a')。请单击$('#showmenu')内的。单击。如果$('.mob a')。click被绑定在它的外部,它肯定会工作。如果你不确定我的意思(或者如果我错了,它可以正常工作),我可以发布。比我建议的提供 的ID或类要好,但你是对的:在一个大型网站上,最好不要让“a”成为模式的最右端。这并不重要。如果是外部或内部,那么外部将意味着事件将附加到元素上,即使文档准备就绪,单击也会发生,如果在show menu click事件中,则单击showmenu或每次单击showmenu时都会附加该功能。很好。延迟绑定。我不会想到的。我想我还是会把它放在外面,因为我会到处寻找它,我从来没有注意到它缩进了另一个函数中。:)