Twitter引导弹出窗口在打开新窗口时关闭答案

【问题标题】：Twitter bootstrap popovers close when opening newTwitter引导弹出窗口在打开新窗口时关闭
【发布时间】：2013-05-01 20:38:30
【问题描述】：

我不是 JavaScript 向导，所以我肯定在这里遗漏了一些明显的东西。我有一个表，它有多个使用 Twitter Bootstrap's pop-over behavior 的链接。我有它，单击一个链接会打开弹出窗口，然后单击另一个会关闭第一个，但经过几次尝试后它会出现故障，甚至开始自行关闭。所以问题是：当另一个弹出窗口打开时，如何正确关闭？

我在这里设置了一个 JSFiddle（虽然它似乎根本不起作用）：http://jsfiddle.net/ZnJ6b/

HTML：

<table>
    <thead>
        <th>Description</th>
        <th>Button</th>
    </thead>
    <tbody>
        <tr>
            <td>Item #1</td>
            <td><a href="#" class="btn show-text" data-toggle="popover" data-placement="right" data-content="Content for item one." title="" data-original-title="Review text">Click for text</a>

            </td>
        </tr>
        <tr>
            <td>Item #2</td>
            <td><a href="#" class="btn show-text" data-toggle="popover" data-placement="right" data-content="Content for item two." title="" data-original-title="Review text">Click for text</a>

            </td>
        </tr>
    </tbody>
</table>

Javascript：

$(this).popover('show');
$('.show-text').click(function () {
    $('.show-text').popover('hide');
});

提前感谢您对可怜的 JS n00b 的帮助！

【问题讨论】：

标签： javascript jquery twitter-bootstrap popover

【解决方案1】：

试试这个：

$('.show-text').popover();
$('.show-text').click(function () {
     $('.show-text').not(this).popover('hide');
});

【讨论】：

嗯。我很早就尝试过，然后又做了一次。这实际上似乎使它根本不开放。没有 JS 错误信息，只是没有打开弹窗。
这实际上只会继续打开弹出窗口，但不会关闭任何其他窗口。
好的，差不多了。这实际上对我有用： $('.show-text').popover(); $('.show-text').click(function () { $('.show-text').not(this).popover('hide'); });