twitter-bootstrap – Bootstrap 2.3.1 popover导致父模式关闭

我遇到了一个问题,我在Bootstrap模式中显示一些数据.这个数据包含一个图标,我正在变成一个popover.当我将鼠标悬停在图标上时,弹出窗口显示并且一切正常,但是当我离开图标时,不仅弹出窗口关闭,而且父模式也关闭.

我认为这与here描述的问题相同.但是,发布的解决方案对我不起作用.我正在捕获popover的“隐藏”事件,但是既没有设置e.cancelBubble = true,也没有调用e.stopPropagation()来阻止父模式关闭.

我目前没有在我面前的代码,但这是一个基于我的一般回忆的粗略模型…

HTML

<!-- ko with: myFoo -->
<div class="modal hide fade" data-bind="visible: isOpen">
    <div class="modal-header">
        <button type="button" class="close" data-bind="click: close">&times;</button>
        <h3>Title Bar!</h3>
    </div>
    <div class="modal-body">
        <!-- dynamically generated modal content goes here,including... -->
        <table>
            <tr>
                <td data-bind="popover: $data">
                    <i class="icon-question-mark" data-content="la la la..." />
                </td>
            </tr>
        </table>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-bind="click: close">Close</a>
    </div>
</div>
<!-- /ko -->

Knockout Custom Binding Handler

ko.bindingHandlers.popover = {

    init: function(element)
    {
        $(element).children().andSelf().on("mousenter","[data-content]"function() {
            var options = {...}
            $(this).popover(options).on("hidden",function(e) {
                e.cancelBubble = true;
                e.stopPropagation();
            });
        });
    }
};

有没有人对如何解决这个问题有什么想法/建议？

$("[data-toggle=popover]").on("hidden",function (e) {
   e.stopPropagation();
});