Bootstrap委托弹出内容回调触发两次

时间:2014-06-27 11:18:07

标签: javascript twitter-bootstrap events delegates

我正在使用Twitter Bootstrap 2.3.2并且只要带有选择器的td悬停在上面,我就会注册一个弹出框。但是我注意到在控制台中内容回调被触发两次。有没有办法防止这种情况发生?

$('#table-data').popover({
    selector: '.td-popover',
    trigger : 'hover',
    content : function () {
        console.log(this, arguments)
        return 'hello';
    }
});

<table id="table-data">
    <tbody>
        <tr>
            <td></td>
            <td class="td-popover"></td>
            <td></td>
            <td class="td-popover"></td>
        </tr>
    </tbody>
</table>

1 个答案:

答案 0 :(得分:3)

你的代码是正确的,这个问题来自bootstrap本身,他们说这是一个故意的行为,而不是一个bug。有关详细信息,请参阅此github问题https://github.com/twbs/bootstrap/issues/12563

仅供参考,他们没有在Bootstrap 3.2(这是当前的稳定版本)中改变这种行为,但我认为他们计划在下一个(3.2.1)中进行此操作