2009-08-12 12 views
4

JQuery UI(回転タブ)を使用していて、ナビゲーション・タブの1つでonclickイベントが発生したときに、サイクリングを停止する方法を知りたいです。 JQuery UI Rotatingタブ&イベント

$(document).ready(function(){ 
       $("#sws_featured > ul").tabs({fx:{opacity: "toggle"}}) 
             .tabs("rotate", 5000,true); 
}); 

Iは右下の、このコードを追加する(また.ready内側) 上記しかし無駄にコードを試みました。私は以下の関数がonClickイベントを受け取っていることを確認しましたが、回転は止まっていません。

$("#sws_featured > ul a").click(function(){ 

      $("#sws_featured > ul").tabs("rotate", 0, false); 

    }); 

オブジェクトに正しくアクセスしてはいけません...アイデアはありますか?

答えて

5

を試してみてください。 2私の場合は、私は1.7.3 jQueryバージョン1.4未満を使用する人々のためにも動作すると思います。

そして一度y代わりに "#tabs> UL" の

jQuery("#tabs").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000); 

:OU最新jqueryuiのバージョンを使用して起動し、あなたがにコードを変更する必要があります。

jQuery(".rotatestopperitem").bind('click', function() {  
     jQuery("#featured").tabs("rotate",0,false); 
    }); 
+0

うん、それはそれでした。ありがとう – Slinky

1

これは動作するはずです:

$("#sws_featured > ul").tabs().tabs("rotate", 0, false); 
+0

これらのうちどれもうまくいきませんでした...試みていきます。 – Slinky

0

は、私が(1.8を最新のjqueryuiライブラリを使用して、このEXACT問題を解決してきました。この

$(関数(){

 $('#sws_featured > ul').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 2000); 

     });