Ошибка выполнения 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, конечно.