jQuery UI選項卡獲取選項卡上的腳本單擊和頁面刷新

Question

首次爲個人項目測試UI選項卡。包括我到目前爲止。我需要加載2個獨立的腳本，當我點擊Tab 2和Tab 3時創建一個div。我之前在使用jQuery getScript時做了這些，當時我有一些鏈接的onclick函數。使用UI標籤可以做到這一點嗎？如果是這樣，怎麼樣？

<li><a onclick="loadTabtwo()">Tab 2</a></li> 
<li><a onclick="loadTabthree()">Tab 3</a></li> 

function loadTabtwo() { 
    $.getScript("//tab2.js"); 
} 
function loadTabthree() { 
    $.getScript("//tab3.js"); 
} 

這裏是我的功能激活標籤，並有刷新頁面的當前標籤刷新。

jQuery(function($) { 
    var index = 'qpsstats-active-tab'; 
    var dataStore = window.sessionStorage; 
    var oldIndex = 0; 
    try { 
     oldIndex = dataStore.getItem(index); 
    } catch(e) {} 
    $("#tabs").tabs({ 
     active: oldIndex, 
     activate: function(event, ui) { 
      var newIndex = ui.newTab.parent().children().index(ui.newTab); 
      try { 
       dataStore.setItem(index, newIndex); 
      } catch(e) {} 
     } 
    }); 
}); 

這裏是HTML

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Tab 1</a></li> 
    <li><a href="#tabs-2">Tab 2</a></li> 
    <li><a href="#tabs-3">Tab 3</a></li> 
    </ul> 

    <div id="tabs-1"> 
    <p>Tab 1 Content Here</p> 
    </div> 
    <div id="tabs-2"> 
    Load Script 2 Here - loadTabtwo() 
    </div> 
    <div id="tabs-3"> 
    Load Script 3 Here - loadTabthree() 
    </div> 
</div> 

Answer 1

我相信這是你想要的，但我不認爲你已經擁有的是因爲每次最好的做法你的標籤就會對要去點擊再次獲得腳本

$("#tabs").tabs({ 
    active: oldIndex, 
    activate: function(event, ui) { 
     // ui.newTab.index() gets the index of which tab is active 
     //watch the index start from 0 
     if(ui.newTab.index()==1){ 
      $.getScript("//tab2.js"); 
     } 
     else if(ui.newTab.index()==1){ 
      $.getScript("//tab3.js"); 
     } 

     var newIndex = ui.newTab.parent().children().index(ui.newTab); 
     try { 
      dataStore.setItem(index, newIndex); 
     } catch(e) {} 
    } 
});