Javascript TwitterBootstrap Popover:动态生成数据后重新定位或调整大小?
我有几个弹出按钮,点击可以动态获取弹出信息。我能够得到正确的信息,为其各自的按钮,但有一个困难的时间来重新定位或重新大小的弹出窗口 [这里是链接]可以看到问题的地方 为了简化我面临的问题,我修改了代码Javascript TwitterBootstrap Popover:动态生成数据后重新定位或调整大小?,javascript,twitter-bootstrap,popover,Javascript,Twitter Bootstrap,Popover,我有几个弹出按钮,点击可以动态获取弹出信息。我能够得到正确的信息,为其各自的按钮,但有一个困难的时间来重新定位或重新大小的弹出窗口 [这里是链接]可以看到问题的地方 为了简化我面临的问题,我修改了代码 如果您对如何仅使用JavaScript重新调整popover的大小或位置有任何建议,我们将不胜感激。我找到了使用JavaScript更新popover属性的解决方案。在我的示例中,我通过单击按钮更新了popover的内容、标题和位置。您可以参考此 HTML: 你是在用ajax还是什么动态加载内容?
如果您对如何仅使用JavaScript重新调整popover的大小或位置有任何建议,我们将不胜感激。我找到了使用JavaScript更新popover属性的解决方案。在我的示例中,我通过单击按钮更新了popover的内容、标题和位置。您可以参考此 HTML:
你是在用ajax还是什么动态加载内容?@PSL:是的,我在用ajax
<div class="span1 offset1" style="margin:100px">
<a href="#" id="qoo" rel="popover" class="circle"> Click to popover</a>
<div id="content-wrapper1" class="content-wrapper"> texttttttat</div>
</div>
<input type="button" id="change_content" value="Change Popover content and placement">
$('#qoo').popover({
placement : 'right',
html : true,
delay: {
show: 500,
hide: 500
},
title:'old_title',
content: function() {
return $('#content-wrapper1').html();
}
});
$('#change_content').click(function(){
alert('Popover title, content and placement changed');
$('#qoo').popover('destroy');
$('#qoo').popover({
content:'new content',
title:'new title',
placement:'top'
});
});