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

2024-04-27 • 问答

我正在使用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',});
});

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

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

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

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

}

bootstrap-4 jquery popper.js

本文链接：https://www.f2er.com/3123743.html

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

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

大家都在问