0

サーバーで非常に奇妙な動作が発生します。それが私のコードです：

<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")最初に使用すると、ホバー機能は実行されていません。最初の一時停止をスキップすると、Web サイトが読み込まれるとスライド ショーが実行され、マウスを画像の上に移動すると実行が継続され、マウスが画像領域を離れると停止します。 . スライドショーを一時停止して開始すると、これが機能しないのはなぜですか?

ヒントをありがとう。

4

1 に答える 1

1

コードは jsfiddle で正常に動作します。

http://jsfiddle.net/lucuma/pssgN/1/

上記の HTML には、ぶら下がっている終了 div があります。

于 2012-06-09T00:06:32.740 に答える