jQuery SlideToggle 菜单将折叠，如果

发布于 2024-11-14 04:27:09 字数 350 浏览 0 评论 0原文

在事件触发后并且仅在事件触发后单击除链接和暴露的 div 正文之外的任何内容

$(function() {
    $('#engageNetwork').bind('click', function() {
        $('.topNavSlide').stop(true,true).slideToggle(1000, 'easeOutExpo');
        $('a').click(function() {
            $('.topNavSlide').stop(true,true).slideToggle(500, 'easeOutExpo');
        });
    });
});

原文

anything except the link and the body of the exposed div are clicked after the event is fired and only after the event is fired

$(function() {
    $('#engageNetwork').bind('click', function() {
        $('.topNavSlide').stop(true,true).slideToggle(1000, 'easeOutExpo');
        $('a').click(function() {
            $('.topNavSlide').stop(true,true).slideToggle(500, 'easeOutExpo');
        });
    });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一口甜 2024-11-21 04:27:09

您可以使用 :not 选择器来绑定将折叠菜单的文档单击处理程序的其余部分。
选择器和绑定类似于：（

$(":not(#engageNetwork, #engageNetwork *)").bind("click", function(){
   $('.topNavSlide').stop(true,true).slideUp(1000, 'easeOutExpo');
});

第二个带有星号的 #engageNetwork 引用已到位，以确保 #engageNetwork 下的任何元素都不会与此事件处理程序绑定。）

You can use the :not selector in order to bind the rest of the document click handler that will collapse the menu.
The selector and the binding is something like:

$(":not(#engageNetwork, #engageNetwork *)").bind("click", function(){
   $('.topNavSlide').stop(true,true).slideUp(1000, 'easeOutExpo');
});

(the second reference to #engageNetwork with the asterisk is in place to make sure any elements under the #engageNetwork won't be binded with this event handler.)

回复收藏 0 原文

~没有更多了~