【发布时间】:2014-02-07 04:25:52
【问题描述】:
我创建了一个 javascript 脚本。这个想法是当用户将鼠标悬停在产品上时,会出现一个新元素。这是我的脚本:
$('.product-item').hover(function(){
var offset = $(this).offset();
$('.product-hover')
.html("<div class='product-item'>" + $(this).html() + "</div>")
.css({
display: 'block',
left: offset.left,
top: offset.top,
width: $(this).width()
});
});
它在 Firefox 和 Chrome 上运行良好。但是在 IE7 和 8 上,当我尝试悬停时,浏览器会停止工作一段时间(大约 10 秒)。您不能点击.product-hover 或他的子元素(例如链接和按钮)。
你能告诉我为什么以及如何解决它。
非常感谢
【问题讨论】:
-
你用的是什么版本的jQuery?
-
我正在使用 jQuery 1.7.1。谢谢
-
这是您第一次将鼠标悬停在一个产品上时,还是在悬停在其他几个产品上之后?
-
嗯,我经常在检查我的网站时看到性能问题,通常在重新加载页面或重新启动浏览器或清除缓存后问题就消失了......我们都喜欢IE。
-
这是您第一次将鼠标悬停在一个产品上时发生,还是在悬停在其他几个产品上时发生?--->这是我第一次悬停时发生。谢谢
标签: javascript jquery internet-explorer offset