1

カルーサルにjQueryタブを使用しましたが、再生や一時停止などのコントロールボタンが必要です。以下は私のコントロールです。

<p id="carusalSwitch">Autoplay 
  <span class="on">On</span> | <span class="off">Off</span>
</p>

次に、ページの読み込み、タブのアニメーションの一時停止 (停止)、ボタン操作による再生、およびその逆が可能です。以下はクエリコードです。

// when loaded carousal is paused, off text is change to bold
$('#carusalSwitch .off').css('fontWeight','bold');

// when user click on "ON" link
$('#carusalSwitch .on').click(function() {
$('#featured > ul').tabs({fx:{opacity: 'toggle'}}).tabs('rotate', 3000, true);
    $(this).css('fontWeight','bold');
$('#carusalSwitch .off').css('fontWeight','normal');
});

// when user click on "OFF" link        
$('#carusalSwitch .off').click(function() {
$('#featured > ul').tabs();
     $(this).css('fontWeight','bold');
$('#carusalSwitch .on').css('fontWeight','normal');
});

「ON」リンクをクリックするとアニメーションが始まりますが、「OFF」をクリックしてもアニメーションは続きます。何が間違いでしょうか？

次のコードを追加しようとしても、

$('#featured > ul').tabs().clearQueue().stop();

しかし運がない。

4

2 に答える 2

0

これを試して ：

$('#featured > ul').unbind('toggle').unbind('rotate');
于 2012-04-23T11:29:53.133 に答える
0 
$('#featured > ul').tabs('rotate', null, true);

上記のように使用すると、正常に動作します。

于 2012-05-08T05:43:33.247 に答える