Question

我有一个bootstrap dropdwon，我需要它只在'li.dropdown a'按下时打开和关闭，当我按下身体时关闭.. 我打开和关闭时只需点击图标即可。但是当我点击身体时需要让我关闭它的代码。

用图标打开和关闭（工作）：

$('li.dropdown a').on('click', function (event) {
               $('li.dropdown.setting-widget').toggleClass("open");
    });

当我点击身体（不工作）时，

****关闭：****

    if (!$('li.dropdown.setting-widget').hasClass("open")) {
     $('body').on('click', function (event) {
               $('li.dropdown.setting-widget').toggleClass("open");
    });
    }

Answer 1

假设所有上下文都正确，则此代码应该有效。

你的if语句需要在方法中。

$('body').on('click', function (event) {
  if ($('li.dropdown.setting-widget').hasClass("open")) {
      $('li.dropdown.setting-widget').toggleClass("open");
  }
});

如果它不起作用，你应该添加更多的上下文，例如一些示例HTML，或者显示问题的JS小提琴。

关闭引导下拉Jquery

1 个答案: