Bootstrap 弹出窗口关闭按钮

Question

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

我的弹窗代码是：

// 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 弹出窗口关闭按钮

Bootstrap popover close button

jquery

twitter-bootstrap

bootstrap-popover