0

如果您可以查看此页面 http://www.crimesolutionsstore.com/surveillance-system-components/microphones.html

并将鼠标悬停在快速视图上......你会注意到视频似乎在闪烁（Chrome 的控制台说 ajax 调用不断重复）

你知道为什么吗？

这是各自的 html 部分

<div class="float-left product-item-image center" id="div0" onmouseover="quick(1498,0);disp(1498,0);return false;" onmouseout="hide(1498,0);return false;">
    <iframe frameborder="1" id="ebox10" width="1%" height="1%" bgcolor="#808080" style=""></iframe>

<div style="" class="valinfo" id="s0">

样式被移除以保持清洁

4

1 回答 1

1

mouseover 事件不断触发和加载 ajax 查询，然后设置 id 为“div0”的元素的 html，从而导致闪烁的 youtube 视频。

ajax 查询的重复触发是由于“div0”、“s0”的子元素，其中包含视频和周围的框。这可以在运行后在firebug中查看：

quick(30292,0);disp(30292,0)

一旦进入控制台。

要解决此问题，您可以在 mouseover 事件处理程序期间将属性添加到“div0”，仅在未设置该属性时加载 ajax，并在 mouseout 时清除该属性。

于 2013-06-08T06:04:38.420 回答