我已经在我的
HTML页面上加载了一个图像,我想从鼠标点击位置的Twitter Bootstrap打开一个popover.
到目前为止我所做的是打开图像侧面的弹出窗口.但我真正想做的是在我点击图片的地方打开popover.
到目前为止我所做的是打开图像侧面的弹出窗口.但我真正想做的是在我点击图片的地方打开popover.
我怎样才能做到这一点?
解决方法
您需要获取鼠标坐标并让您的脚本使用它们来定位弹出窗口.如果您正在使用jQuery,这可能会有所帮助:
$('#yourimage').click(function(){ $('#popover').css('left',pageX-(popover width)+'px'); $('#popover').css('top',pageY-(popover height)+'px'); })
– -编辑 – –
Here’s a demo你所追求的.