bootstrap popover显示错误的元素

我试图点击一下使用bootstrap popover。我首先在我的js onReady开始时初衷。然后我添加一个show选项，但它将它附加到错误的dom元素。它应该放在包装元素中。

var wrapper = $(".modal .modal-wrapper"); wrapper.popover({trigger:'manual', title:"WORKING TOOLTIP", selector:wrapper});

然后单击一个按钮调用它。

 var showTooltip = function( ){ wrapper.popover('show'); }

问题是popover没有在包装器div中显示它在body元素中的显示。如何让它显示在包装元素内部。

如果插件触发，则selector属性仅用于委派事件。

首先，如果设置trigger: 'manual' ， 则不会使用此选择器。

然后，如果（例如）你有trigger: 'hover'并且有那个标记：

以下javascript将绑定一个弹出窗口，以显示在任何hover.btn

 $('.megadiv').popover({ selector: '.btn', content: 'content', title: 'title' });

现场演示（jsfiddle）

这仅适用于.megadiv子元素。请参阅jQuery.on doc 。

当事件直接发生在绑定元素上时，不会调用处理程序，但仅适用于与选择器匹配的后代（内部元素）。

试试吧。我认为selector属性采用字符串而不是对象

 wrapper.popover({trigger:'manual', title:"WORKING TOOLTIP", selector: ".modal .modal-wrapper" });

来自http://www.w3resource.com/twitter-bootstrap/popover-tutorial.php

选择

选择器的值的类型是字符串，默认值是false。使用此工具提示对象被委托给给定目标。