4

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

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

このコードを上のコードのすぐ下（および.ready内）に追加しようとしましたが、役に立ちませんでした。以下の関数がonClickイベントを受信して​​いることを確認しましたが、回転は停止していません。

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

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

  });

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

4

4 に答える 4

5

最新のjqueryuiライブラリ（私の場合は1.8.2ですが、1.4より前のjQueryバージョンを使用している人にも1.7.3が機能すると思います）を使用して、この正確な問題を解決しました。

また、最新のjqueryuiバージョンの使用を開始したら、コードを次のように変更する必要があります。

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

「#tabs>ul」の代わりに。

その後、回転を停止したいイベントで、関数をバインドします。

    jQuery(".rotatestopperitem").bind('click', function() {     
        jQuery("#featured").tabs("rotate",0,false);
    });
于 2010-07-13T16:24:24.563 に答える
1

ここに投稿されたこのソリューションを見ました：http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

コンテキストに合わせて変更できる場合があります。

于 2010-09-20T14:53:54.967 に答える
1

これはうまくいくはずです：

 $("#sws_featured > ul").tabs().tabs("rotate", 0, false);
于 2009-08-12T21:24:37.570 に答える
0

これを試して

$（function（）{

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

        });
于 2009-08-24T15:59:47.763 に答える