微軟JScript運行時錯誤：沒有這樣的方法'選擇'選項卡小部件實例

我需要選擇 jquery選項卡上點擊html按鈕的特定選項卡功能。我正在使用jquery.1.9.1.js和jquery-ui-1.10.2.custom.js文件。我已經實現了下面的代碼，但不適合我。微軟JScript運行時錯誤：沒有這樣的方法'選擇'選項卡小部件實例

<script language="javascript" type="text/javascript"> 
$("#ui-tabs").tabs(); 
function SelectTab() { // bind click event to link 
       $('#ui-tabs').tabs('select', 2); // switch to third tab 
       return false; 
      } 
</script> 
<div id="ui-tabs"> 
<ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="#tabs-3">Aenean lacinia</a></li> 
</ul> 
<div id="tabs-1">Tab1 content </div> 
<div id="tabs-2">Tab2 content </div> 
<div id="tabs-3">Tab3 content </div> 
</div><a id="next" class="button-style" href="#" onclick="return SelectTab();">Select Tab</a>

的問題是在功能SelectTab聲明$('#ui-tabs').tabs('select', 2);給我的錯誤Microsoft JScript runtime error: no such method 'select' for tabs widget instance。正常選擇標籤上點擊他們工作正常。但是從函數調用完成後它不工作。執行中出現什麼問題或者是否有文件丟失？請建議。

來源

2013-04-16 Rajaram Shelar

在這個版本中沒有用於jQuery UI選項卡的select方法。要使您的功能發揮作用，您需要將代碼更改爲;

$('#ui-tabs').tabs("option", "active", 2);

有關更多信息，請閱讀http://api.jqueryui.com/tabs/#option-active。

// getter 
var active = $(".selector").tabs("option", "active"); 

// setter 
$(".selector").tabs("option", "active", 1);

查看這個小jsFiddle爲它的工作的一個例子。

來源

2013-04-16 09:55:35

謝謝Tim B James。它的工作很棒。還有一個問題，我如何在這種情況下獲得選定的標籤索引？ –

@eraj查看更新的答案。 –

這首先沒有幫助我，因爲我讀得很快並且錯過了，但是很難發現這個答案是正確的，所以給出了一個很好的+1。對於像我這樣的盲人：搜索.tabs（'select'，在你的代碼中找到它們並用.tabs替換它們（「option」，「active」）， –

如果你想indiviual鏈接打開網站上的標籤，你可以使用下面的功能，並與

<div onclick="changeToTab(targetTabNumber)"> mylinkText </div> 

function changeToTab(ID){ 
    var $tabs = $('#tabs').tabs(); 
    $tabs.tabs("option", "active", ID); 
    return false; 
}

第一目標調用它不客氣0，第二個有1等等。 div可以是任何允許onclick的東西。

來源

2013-11-21 17:23:07 Max

這個答案新增內容 –

我想給一個更多新手兼容的答案，儘管它可能不會增加知道如何處理答案的書呆子的價值。我確實知道什麼是吸氣和吸氣，但我記得當時沒有。 – Max

微軟JScript運行時錯誤：沒有這樣的方法'選擇'選項卡小部件實例

回答

相關問題