Ошибка выполнения Microsoft JScript: нет такого метода "select" для экземпляра виджета вкладки

Мне нужно выбрать специальную вкладку для вкладок jquery при нажатии на кнопки html. Я использую jquery.1.9.1.js и jquery-ui-1.10.2.custom.js файл. Я выполнил ниже код, но не работает для меня.

<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>

Проблема заключается в выражении $('#ui-tabs').tabs('select', 2); в функции SelectTab дает мне ошибку Microsoft JScript runtime error: no such method 'select' for tabs widget instance. Обычный выбор вкладок при нажатии на них работает нормально. Но он не работает, когда выполняется вызов функции. Что происходит в реализации или нет файла? пожалуйста, предложите.

Ответ 1

В этой версии не существует метода select для вкладок JQuery UI. Чтобы ваша функциональность работала, вам нужно изменить свой код:

$('#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 пример его работы.

Ответ 2

Если вы хотите сделать отдельные ссылки для открытия вкладок на своем сайте, вы можете использовать приведенную ниже функцию и называть ее с помощью

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

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

Первая цель адресована 0, вторая - 1 и так далее. Разумеется, div может быть любым, что позволяет использовать onclick, конечно.