【发布时间】:2012-06-09 08:06:32
【问题描述】:
我的服务器上出现了非常奇怪的行为。这是我的代码:
<script type="text/javascript">
jQuery(function($){
$(".slides").cycle({
fx: 'none',
speed: 1,
timeout: 1000,
width: 160,
height: 120
}).cycle("pause");
// Pause & play on hover
$(".slideshow-block").hover(function(){
$(this).find(".slides").addClass("active").cycle("resume");
}, function(){
$(this).find(".slides").removeClass("active").cycle("pause");
});
});
</script>
HTML 如下所示:
<div class="slideshow-block">
<ul class="slides">
<li><img src="img1.jpg" /></li>
<li><img src="img2.jpg" /></li>
<li><img src="img3.jpg" /></li>
</ul>
</div></div>
现在,如果我在开始时使用.cycle("pause"),悬停功能不会被执行。如果我在开始时跳过暂停,加载网站时幻灯片正在运行,当我将鼠标移到图像上时它会继续运行,当鼠标离开图像区域时它会停止,一切都应该是.为什么当我开始播放幻灯片时这不起作用?
感谢任何提示。
【问题讨论】:
-
对我来说看起来是正确的。你能把你的代码放在jsfiddle
-
看起来有些 wordpress 插件把一切都搞砸了……
标签: jquery hover cycle jquery-cycle