如何在鼠标点击位置打开弹出窗口
How to open a popover on the mouse click location
我已经在HTML页面上加载了一个图像,我想在鼠标点击位置上从Twitter Bootstrap打开一个弹出窗口。到目前为止,我所做的就是打开图片一侧的popover。但我真正想做的是在我点击图片的任何地方打开popover。
我怎样才能做到这一点?
您需要获取鼠标坐标,并让脚本在单击时使用它们来定位弹出窗口。如果你正在使用jQuery,这可能会有所帮助:
$('#yourimage').click(function(){
$('#popover').css('left', pageX-(popover width)+'px');
$('#popover').css('top', pageY-(popover height)+'px');
})
---编辑---
下面是您想要的东西的演示。
尝试使用您选择的的坐标重写.popover类
.popover {
top: 20px !important;/*put your position */
left: 20px !important;/*put your position*/
}
只要重新设置位置元素,就可以在主引导程序中保持所有其他样式不变
相关文章:
- JavaScript窗口.位置不;我不在内容编辑器Web部件中工作
- JS窗口.位置不起作用
- 是否可以模拟 qUnit 测试的窗口位置对象
- 窗口位置href更改不会重新加载
- 如何在提交事件的底部设置窗口位置
- 如何在模式打开时更改窗口.位置
- 谷歌地图偏移标记/信息窗口位置(panTo/setCenter)
- 书签窗口位置javascript
- 单元测试窗口位置分配的角度问题
- JavaScript窗口位置延迟
- 如果类名和窗口位置匹配,请执行一些操作
- 会话丢失窗口.位置.href.
- JavaScript:window.conf,有两个窗口位置
- 如何从顶部获取窗口位置(以像素为单位)
- 如何在窗口位置之前显示消息 2 秒
- 休息标记位置 + 信息窗口位置
- 将标头添加到窗口.位置.路径名
- 窗口位置向上一级
- 将窗口位置替换为锚点
- 在谷歌地图中设置信息窗口位置