我遇到了一个非常棘手的问题,我无法在通过点击事件添加 display:none 后触发下拉菜单。我之前尝试通过悬停事件将其添加回来,但在某些浏览器中似乎一直触发,所以我放弃了它并完全卡住了。使用以下代码,如何在切换显示属性后再次正确显示下拉菜单。
$(document).ready(function() {
$('li.active ul.sub-menu.dropdown a').click(function() {
if($("li.active ul.sub-menu.dropdown").css("display", "block")){
$("li.active ul.sub-menu.dropdown").hide();
}
});
})
很抱歉之前问过类似的问题,但我之前并没有真正理解这个问题。如果我越界了,我深表歉意,但我真的被困住了。非常感谢任何帮助。
最佳答案
您是否尝试过只使用 .toggle()
?
$(document).ready(function() {
$('li.active ul.sub-menu.dropdown a').click(function() {
$("li.active ul.sub-menu.dropdown").toggle();
});
})
它会自动检查元素是否可见,然后切换显示属性。
关于javascript - 如何在应用显示 :none with jQuery 后正确显示元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37126155/