如果您可以查看此页面 http://www.crimesolutionsstore.com/surveillance-system-components/microphones.html
并将鼠标悬停在快速查看中....您会注意到视频似乎在闪烁 (Chrome的consol说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">
删除样式以保持清洁
答案 0 :(得分:1)
mouseover事件不断触发并加载ajax查询,然后设置id为#34; div0&#34;的元素的html,从而生成闪烁的youtube视频。
ajax查询的重复触发是由于&#34; div0&#34;,&#34; s0&#34;的子元素,其中包含视频和周围的框。这可以在运行后在firebug中查看:
quick(30292,0);disp(30292,0)
进入控制台。
要解决此问题,您可以将属性添加到&#34; div0&#34;在mouseover事件处理程序期间,仅在未设置属性时加载ajax,并在mouseout上清除属性。