是否可以动态覆盖推特引导弹出窗口的位置
Is it possible to overwrite the positioning of a twitter bootstrap popover on the fly?
我目前正在尝试根据触发弹出框的元素的位置更改弹出框的位置。
问题是我使用静态定位初始化所有弹出框(请参阅下面的示例)。我想在将鼠标悬停在触发弹出框的元素上时直接动态更改或设置位置。这可能吗?
$(".timelineTour")
.popover({
offset: 10,
trigger: 'manual',
animate: false,
html: true,
placement: 'bottom',
template: '<div class="popover">' +
'<div class="arrow"></div>' +
'<div class="popover-inner">' +
'<h3 class="popover-title"></h3>' +
'<div class="popover-content"><p></p></div>' +
'</div>' +
'</div>'
}).mouseenter(function(){
/* examine position*/
/* ........ */
$(this).popover({
offset: 10,
trigger: 'manual',
animate: false,
html: true,
placement: 'right',
template: '<div class="popover">' +
'<div class="arrow"></div>' +
'<div class="popover-inner">' +
'<h3 class="popover-title"></h3>' +
'<div class="popover-content"><p></p></div>' +
'</div>' +
'</div>'
});
$(this).popover('show');
})
至少
从 Bootstrap 2.1 开始(尽管我相信该功能已经存在了一段时间),弹出窗口的选项可以通过data-
属性传递。因此,您可以简单地为要在顶部显示的弹出框包含一个data-placement="top"
,依此类推。
相关文章:
- JavaScript窗口.位置不;我不在内容编辑器Web部件中工作
- JS窗口.位置不起作用
- 是否可以模拟 qUnit 测试的窗口位置对象
- 窗口位置href更改不会重新加载
- 如何在提交事件的底部设置窗口位置
- 如何在模式打开时更改窗口.位置
- 谷歌地图偏移标记/信息窗口位置(panTo/setCenter)
- 书签窗口位置javascript
- 单元测试窗口位置分配的角度问题
- JavaScript窗口位置延迟
- 如果类名和窗口位置匹配,请执行一些操作
- 会话丢失窗口.位置.href.
- JavaScript:window.conf,有两个窗口位置
- 如何从顶部获取窗口位置(以像素为单位)
- 如何在窗口位置之前显示消息 2 秒
- 休息标记位置 + 信息窗口位置
- 将标头添加到窗口.位置.路径名
- 窗口位置向上一级
- 将窗口位置替换为锚点
- 在谷歌地图中设置信息窗口位置