0

http://jsfiddle.net/danesoul/tSCus/2/-これは単純なJQueryUIタブインターフェイスの実例です。

curent_tabが定義されているコメント付きの文字列は機能しません-タブがクラッシュする原因になります。

この構文を正しく書くのを手伝ってください。

コードの一般的な考え方：関数MySelect（）に含める必要があります

  1. 現在選択されているタブのインデックスを保持する変数

  2. OnSelectイベントが発生したときに選択されているタブのインデックスを保持する変数。

より複雑なソリューションの一部があり、将来の比較のためにこれら2つの値が強く必要になります。

ここにjsfiddleJSコードのコピー：

function MySelect(event, ui){
    var clicked_tab = ui.index //new clicked tab 0-1-2 indexes
    alert(clicked_tab); 
    alert(curent_tab +' / '+ clicked_tab);     
}

$(function() {
    $('#tabs').tabs({
        //var curent_tab = ui.index; //befor new one clicked 0-1-2
        select: function(event, ui) {
            MySelect(event, ui);
        }
     });
});
4

1 に答える 1

1

私が正しく理解していれば、現在のタブを取得してタブをクリックしたいと思います。以下のコードを試してください、

デモ

$(function() {
    var current_tab;
    var clicked_tab;

    $('#tabs').tabs({
        show: function(event, ui) {
            current_tab = ui.index;
        },
        select: function(event, ui) {
            clicked_tab = ui.index; //befor new one clicked
            MySelect(event, ui);
        }
    });

    function MySelect(event, ui) {
        //clicked_tab = ui.index //new clicked tab
        alert(current_tab + ' / ' + clicked_tab);
    }
});
于 2012-05-17T17:49:53.030 に答える