Question

我正在使用popper js在我的网站上显示一个弹出窗口。当我单击窗口中的任意位置时，我想关闭弹出窗口。

这是我尝试过的：

var popp = $('#popp');
popp.hide();

$('#filters li i ').click(function () {
    var ref = $(this).val();

    $(this).toggleClass('text-danger')
    popp.toggle()

    var popper = new Popper(ref, popp, {
        placement: 'right',
    });
});

Answer 1

我所做的是创建一种接收点击的方法，然后检查该点击是否发生在按钮内部，是否是他将显示工具提示，否则，他不会。

function tooltipClick(click){
  document.addEventListener(click, function(event) {
    let isClickInside = button.contains(event.target);

    if (isClickInside) {
      show();
    }
    else{
      hide();
    }
  });

}

当我在popperjs上单击外部时如何关闭弹出窗口？

1 个答案: