無法使用選擇JavaScript加載JQuery UI選項卡

我想要做的事很簡單。我只想在單擊按鈕時加載jQuery UI選項卡。然後我希望他們顯示一個特定的Tab。第一部分作品第二部分不會。關於我在做什麼錯誤的任何想法！無法使用選擇JavaScript加載JQuery UI選項卡

$('[name="testBtn"]') 
.click(function(){ 
    $("#main").load("test.html", function() { 
    $(col3).empty(); 
    var tabs = $("#tabs"); 
    $(tabs).tabs(); 
    $(tabs).tabs('select', 3); 
    });

我用這種方式也：

$('[name="testBtn"]') 
.click(function(){ 
    $("#main").load("test.html", function() { 
    $(col3).empty(); 
    $("#tabs").tabs('select', 3); 
    });

的HTML代碼如下：

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

來源

2013-02-04 ezaoutis

做實際的HTML至少有4個選項卡？不要忘記標籤索引是從零開始的。 – Barmar

順便說一句，在jQuery UI 1.9中，「select」方法被重命名爲「activate」，儘管爲了兼容性保留了舊名稱。 – Barmar

是的真正的HTML有5個選項卡。我不得不削減空間。 – ezaoutis

終於設法找到了如何實現它。非常感謝Barmar指出新的激活方法。我應該閱讀手冊:)該按鈕的代碼如下：

$('[name="testBtn"]') 
.click(function(){ 
    $("#main").load("test.html", function() { 
    $(col3).empty(); 
    var tabs = $("#tabs"); 
    $(tabs).tabs(); 
    $(tabs).tabs("option", "active", 1); 
    });

一切是API頁面上解釋說：jQuery UI Tabs api page

來源

2013-02-05 14:00:53 ezaoutis

無法使用選擇JavaScript加載JQuery UI選項卡

回答

相關問題