Question

我正在添加一个关闭x按钮来引导3个弹出窗口，但我无法让它工作。我从这个论坛尝试了各种答案，但没有成功。

我的弹出代码是：

// Popover Menu initialize
$('.btn-row-popup-menu').popover({
    placement: 'left',
    trigger: 'click',
    html: true,
    title: function() {
        return $(this).parent().find('.btn-row-popup-menu-head').html();
    },
    content: function() {
        return $(this).parent().find('.btn-row-popup-menu-body').html();
    },

}).on('show.bs.popover', function(e) {
    if (window.activePopover) {
        $(window.activePopover).popover('hide')
    }
    window.activePopover = this;
    currentPopover = e.target;

}).on('shown.bs.popover', function(e) {
    var currentPopover = $(this);
    currentPopover.find('.close').click(function(e) {
        $(this).popover('hide');
    });

}).on('hide.bs.popover', function() {
    window.activePopover = null;
});

我错过了什么？感谢。

Answer 1

将 jQuery 更改为此将有助于您实现所寻求的目标：

 $('[data-toggle="popover"],[data-original-title]').each(function() {
   //the 'is' for buttons that trigger popups
   //the 'has' for icons within a button that triggers a popup
   var target = $(e.target);
   if (!target.is('.popover') && !target.is('.popover *') && !target.is('.btn-row-popup-menu') || target.is('.btn-popover-close')) {
     (($(this).popover('hide').data('bs.popover') || {}).inState || {}).click = false;
   }
 });

这是您更新的JSFiddle

Bootstrap popover关闭按钮

1 个答案: