ブートストラップポップオーバー閉じるボタン

Question

FIDDLE HERE

私は3 popoversをブートストラップに近い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; 
}); 

私が見逃している何？ありがとう。これにあなたのjQueryのを変更

Answer 1

はあなたのように求めているものを達成するのに役立ちます。

$('[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