2012-05-17 34 views
0

http://jsfiddle.net/danesoul/tSCus/2/ - 以下是簡單的JQuery UI Tabs接口的工作示例。簡單的JQuery UI變量傳遞問題(語法)

其中定義了curent_tab的註釋字符串不起作用 - 導致標籤崩潰。

請幫我正確地編寫這個語法。

的代碼總體思路:我需要在我的功能MySelect()

  1. 變量,它保持指數當前選擇的標籤

  2. 變量,它保持正在選擇的標籤索引發生OnSelect事件時。

有更復雜的解決方案的一部分,這是非常需要這兩個值的未來比較。

這裏的jsfiddle JS代碼複製:

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); 
     } 
    }); 
}); 

回答

1

如果我理解正確的,你想獲得當前選項卡並單擊選項卡。試試下面的代碼,

DEMO

$(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); 
    } 
}); 
+0

這個完美的作品,非常感謝!但我有一個問題:爲什麼要寫clicked_tab = ui.index;字符串兩次?我在MySelect()函數外面評論了這個字符串,它仍然是一樣的。 – DaneSoul

+1

@DaneSoul其實你不必.. http://jsfiddle.net/skram/tSCus/5/更新後。 –

+0

維加,非常感謝您的快速和正確的幫助! – DaneSoul