Question

我基本上使用了此问题中的说明：stack-overflow-question

然而，奇怪的事情发生了。单击x后，标题完全消失，直到我重新加载页面才会再次出现。

这是我的代码：

$(document).ready(function(){
    $('[data-toggle="popover"]').popover({
    }).on('shown.bs.popover', function() {
        var popup = $(this);
        $(this).parent().find("div.popover .close").click(function() {
            popup.click();
        });
    });
});

<div id="myDiv">
    <a  class="btn btn-lg btn-default extra" data-toggle="popover" data-html="true" title="Modify Formulary <a href='#' class='close' data-dismiss='alert'>×</a>" data-placement="left"  data-content='SOME CONTENT  '><i class="menu-icon fa fa-edit"></i></a> 
</div>

还有一点css：

    .popover-title .close{
    position: relative;
    bottom: 3px;
}

我有bootstrap和jquery包括css和js，我相信最新版本。

以下是codepen示例：click

Answer 1

您使用的是错误的Bootstrap版本。为了使其正常工作，您需要Bootstrap v.3.3.5。这是工作的代码：http://codepen.io/cavanflynn/pen/XborQB

cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js

Answer 2

fiddle

$(document).ready(function() {
  $('[data-toggle="popover"]').popover({
    placement: 'top',
    html: true,  
    title: 'Modify Formulary <a href="#" class="close" data-dismiss="alert">×</a>',
    content: 'SOME CONTENT  ',
  }).on('shown.bs.popover', function() {
    var popup = $(this);
    $(this).parent().find("div.popover .close").click(function() {
      popup.click();
    });
  });
});

Bootstrap Popover x按钮有效，但标题在第一次单击后消失

2 个答案: