引导酥料饼，关闭按钮

Question

林做了以下酥料饼： https://jsfiddle.net/ca4h0a0q/

<a class='danger' data-placement='above' title="Popover Title" href='#'>Click</a> 
<div id="popover_content_wrapper" style="display: none"> 
<button class="close"> 
    x 
    </button> 
    <div>This is your div content</div> 
</div> 

的Javascript：

$(document).ready(function(){ 
    $("body").on("click",".close",function(){ 
    $(".danger").trigger("click"); 
    }); 

    $('.danger').popover({ 
    html : true, 
    content: function() { 
     return $('#popover_content_wrapper').html(); 
    } 
    }); 
}); 

为了闭合酥料饼的，由于这个错误：https://github.com/twbs/bootstrap/issues/16732我不得不触发click事件在打开它的按钮上。我不太喜欢这个解决方案。还有更好的方法吗？

Answer 1

我将在closest替换此

$("body").on("click",".close",function(){ 
    $(".danger").trigger("click"); 
}); 

有了这个

$("body").on("click",".close",function(){ 
    $(this) 
     .closest("a.danger") 
     .trigger("click"); 
}); 

更多：如果你有多个 popovers或与该类danger元素http://api.jquery.com/closest/

这样，他们也不会被触发。

Answer 2

我是这样工作的。

<div id="popover_content_wrapper" style="display: none"> 
    <button class="close" onclick="$('.danger').popover('hide').trigger('click')"> 
    x 
    </button> 
<div>This is your div content</div> 

而且JS ...

$(document).ready(function(){ 
    $('.danger').popover({ 
    html : true, 
    content: function() { 
     return $('#popover_content_wrapper').html(); 
    } 
    }); 
});