jquery - 如何在 Bootstrap 的弹出窗口中插入关闭按钮

Question

JS:

$(function(){
  $("#example").popover({
    placement: 'bottom',
    html: 'true',
    title : '<span class="text-info"><strong>title</strong></span> <button type="button" id="close" class="close">&times;</button>',
    content : 'test'
  })
  $('html').click(function() {
    $('#close').popover('hide');
  });
});

HTML:

<button type="button" id="example" class="btn btn-primary" ></button>

我写的是你的代码，没有显示你的弹出窗口。

有人遇到过这个问题吗？

Answer 1

你需要做正确的标记

<button type="button" id="example" class="btn btn-primary">example</button>

然后，一种方法是在元素本身内附加关闭处理程序，以下工作:

$(document).ready(function() {
    $("#example").popover({
        placement: 'bottom',
        html: 'true',
        title : '<span class="text-info"><strong>title</strong></span>'+
                '<button type="button" id="close" class="close" onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;);">&times;</button>',
        content : 'test'
    });
});