如何通过单击UI上的任意位置来关闭弹出窗口?

时间:2017-09-29 15:32:15

标签: html bootstrap-4 bootstrap-popover

如果我点击ui上的任何地方,我正在尝试确保弹出窗口关闭。请查看https://jsfiddle.net/vk23nmy8/15/的示例代码。

单击“添加”,它会向表中添加行。每一行都有弹出窗口。它适用于前几次点击,但根本不起作用。我不知道我在这里做错了什么。下面是我用来关闭弹出窗口的代码。

$('body').on('click', function(e) {
            var count = 0;
            $("#tbody > tr").each(function() {
                $('[data-toggle="popover' + count + '"]').each(function () {
                    if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
                        $(this).popover('hide');
                    }
                });
                count++;
            });
        });

感谢您的帮助。

0 个答案:

没有答案