Heim >Web-Frontend >js-Tutorial >jquery implementiert die Methode zum Ausblenden der Dropdown-Div- und Maskenebene, wenn auf andere Bereiche geklickt wird_jquery

jquery implementiert die Methode zum Ausblenden der Dropdown-Div- und Maskenebene, wenn auf andere Bereiche geklickt wird_jquery

WBOY
WBOYOriginal
2016-05-16 15:24:051356Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie JQuery das Ausblenden der Dropdown-Div- und Maskenebene implementiert, wenn auf andere Bereiche geklickt wird. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Um eine bessere Benutzererfahrung zu erzielen, klicken Sie beim Erweitern des Dropdowns auf andere Bereiche, um das Dropdown-Menü und die Maskierungsebene automatisch auszublenden Stück js Das ist es.

Das folgende Bild ist ein Beispiel für ein Dropdown-Menü als Referenz:

Quellcode der Effektimplementierung:

$(document).bind('click', function(e) {
  var e = e || window.event; //浏览器兼容性
  var elem = e.target || e.srcElement;
  while (elem) {
    //循环判断至跟节点,防止点击的是div子元素
    if (elem.id && elem.id == 'menu') {
      return;
    }
    elem = elem.parentNode;
  }
  //点击的不是div或其子元素
  $('.menuList,.overlay').hide();
});

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn