Question

I m new to jquery and I m ook at google s Code to establish their More button. 我在晚上工作,但使这一下降消失的唯一途径是再次点击。我是否可以增加改变这一方法,这样,在下降的菜单本身之外的任何点击都将关闭吗? 感谢见解!

http://jsfiddle.net/rKaPN/1/。

Answer 1

Bind 一次点击事件,以抓获任何点击,将其藏匿起来。

$("html").click(function() {
  menu.find( .active ).removeClass( active );
});

Then override that on your menu s click event using .stopPropagation();

menu.find( ul li > a ).bind( click , function (event) {
  event.stopPropagation();

Fiddle: http://jsfiddle.net/rKaPN/12/

Answer 2

你也可以补充这一点,因此用户不必点击。

$("body:not(.menu)").hover(function(){ $(".menu").find( .active ).removeClass( active );})

Answer 3

在开菜单时,制造了一种透明的超额电离窗户和高端。点击了这块 d,关闭了菜单,销毁了零件。

Answer 4

如果你在布卢特事件发生时主动放弃,那么你会把一次模糊事件与具体的菜单捆绑在一起,而不是每点击html的dom子。用以下几个字取代:

  //displaying the drop down menu
  $(this).parent().parent().find( .active ).removeClass( active );
  $(this).parent().addClass( active );

注

  //displaying the drop down menu
  $( .active ).removeClass( active );
  $(this).parent().addClass( active );
  $(this).blur(function() {
      $( .active ).removeClass( active );
  });

友情链接