引导酥料饼，关闭按钮

问题描述：

林做了以下酥料饼： 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事件在打开它的按钮上。我不太喜欢这个解决方案。还有更好的方法吗？

检查这个问题，有各种方式来添加关闭按钮酥料饼讲到这里，https://stackoverflow.com/questions/ 13413057/How-to-insert-close-button-in-popover-for-bootstrap – azs06

答

我将在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/

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

@JoelAlvarezMyrrie我的回答能帮助你吗？让我知道你是否需要更多的帮助 – jeanfrg

答

我是这样工作的。

<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(); 
    } 
    }); 
});

引导酥料饼，关闭按钮

相关推荐