Question

你好我有一些脚本用于bootstrap下拉，我想通过脚本在我的div上应用“display：none”样式我已经尝试过以下脚本

var modal = document.getElementById('black');

  window.onclick = function(event) {
   if (event.target == modal) {
      modal.style.display = "none";
  }
 }


$('.drp').on('hidden.bs.dropdown', function () {
   modal.style.display = "none";
});

$('.drp').on('shown.bs.dropdown', function () {
 modal.style.display = "block";
});

$('li.dropdown.mega-dropdown a').on('click', function (event) {
$(this).parent().toggleClass("open");
 modal.style.display = "block";
});
$('body').on('click', function (e) {
 if (!$('li.dropdown.mega-dropdown').is(e.target) && $('li.dropdown.mega- dropdown').has(e.target).length === 0 && $('.open').has(e.target).length === 0)  {
     $('li.dropdown.mega-dropdown').removeClass('open');
}
});

我想在（li.dropdown.mega-dropdown）的点击事件中应用（modal.style.display =“block”;）。

Answer 1

我完成了自我，我在脚本中错过了我的if条件，这是我的正确答案。 [DEMO] [1]

                [1]: https://jsfiddle.net/dami_012/L7yz6v3j/3/

如何在使用div的类时在click事件上对div应用“display：none”

1 个答案: