Question

我正在使用引导程序弹出时单击某个按钮打开并关闭相同的按钮再次点击。

我尝试在标题旁边添加一个关闭按钮，但是当我点击关闭按钮时没有关闭。

我的代码：

$('#emailPopover').popover({
        placement:'right',
        trigger: 'click',
        html: true,
        title:'Voter Variables'+
             '<button type="button" id="close" class="close" onclick="$(this).popover("hide");">&times;</button>'
    });

Answer 1

尝试使用"代替这样的引号：

$('#emailPopover').popover({
        placement:'right',
        trigger: 'click',
        html: true,
        title:'Voter Variables'+
             '<button type="button" id="close" class="close" onclick="$(&quot;#emailPopover&quot;).popover(&quot;hide&quot;);">&times;</button>'
    });

bootply示例：http://www.bootply.com/pd2qZayqju

Answer 2

如果您的目的是在用户点击按钮时显示弹出窗口，并在用户点击其他任何位置时隐藏，请尝试使用trigger: 'focus'选项。 Check out the Bootstrap example Dismiss on next click for more details.

确保将tabindex="0"添加到HTML中的按钮

HTML：

<a href="#" tabindex="0" class="btn btn-lg btn-primary" id="emailPopover">Email</a>

使用Javascript：

$('#emailPopover').popover({
    placement:'right',
    trigger: 'focus',
    html: true,
    title:'Voter Variables'
});

JSFiddle

Bootstrap popover没有关闭

2 个答案: