将鼠标悬停在他的眼睛上。他光荣的眼睛。
我要在这里做的是使弹出窗口的内容显示在他的眼睛上方,而不是图片本身上方。很简单的问题,但是我很难解决这个问题。我知道该插件通常不应该在图像映射中使用,但这是我现在唯一需要处理的事情。似乎我应该可以捏造一些东西。那么,Stackoverflow,您能帮我些软糖吗?
这是一个占位符图像,实际代码将在页面中使用,根据用户的操作,图像可能位于不同的位置。并且将会有不止一个调用同一张地图。因此,它必须出现在称为地图的特定图像上。
谢谢大家
{如果没有任何代码,我将无法提交。这是我正在使用的JavaScript。}
$(document).ready(function() {
$('#eye').popover({
placement : 'top'
});
$('#eye2').popover({
placement : 'top'
});
});
对于那些感兴趣的人,这是我解决这个问题的方法。
我决定抛弃该区域地图,以使用更复杂的解决方案。创建一个链接标签,其中包含所有元素以显示弹出窗口,并将其显示为嵌入式块。将其相对于其所在的容器进行绝对定位。然后将其置于眼睛所在的位置。没有圆,但是看不见的正方形也一样。谁会注意,是吗?它比我喜欢的重复代码要多得多,但是它可以正常工作,并且不会使页面速度降低太多。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句