Я настроил инструменты jQuery Tab в своем веб-приложении, и он отлично работает для переключения между вкладками, но я хотел бы выбрать вкладку после завершения другой функции javascript.У меня проблемы с успешным выполнением после прочтения документации и поиска.
У меня есть функция поиска, и когда кто-то ищет, я бы хотел, чтобы была выбрана вкладка поиска и она открылась.
В конце функции поиска:
var tabby = jQuery('#right-tabs').tabs();
tabby.tabs('select', 1); // switch to second
HTML:
<div id="right1">
<ul class="tabs" id="right-tabs">
<li><a href="#" id="articles-tab">Articles</a></li>
<li><a href="#" id="search-tab">Search results</a></li>
</ul>
<div class="panes" id="right-panes">
<div id="articles-panel"></div>
<div id="search-results-panel"></div>
</div>
</div>
Я получил ошибку Firebug, говорящую «Uncaught TypeError: Cannot read property 'jquery'of undefined ".
Я также попробовал другой подход ... просто вручную установить / удалить классы, с этим:
jQuery("ul#right-tabs a").removeClass('current');
jQuery("ul#right-tabs a#search-tab").addClass('current');
jQuery("div#articles-panel").hide();
jQuery("div#search-results-panel").show();
Это работает, но создает странное поведение,не позволяя вам нажимать на другие вкладки, пока вы не нажмете на выбранную вкладку, а затем она позволит вам щелкнуть другие.
Итак, я не совсем уверен, как заставить инструменты jQuery взаимодействовать с тем, что я хочу сделать.Это должно быть просто, я рассматриваю возможность избавиться от этого и просто написать это с нуля.Но если у вас, ребята, есть способ заставить любой подход работать или лучше, я был бы очень признателен!
ОБНОВЛЕНИЕ
Все, что мне нужно было:
var api = jQuery("ul#right-tabs").data("tabs");
api.click(1);
Я ошибочно нашел примеры для вкладок jQuery, а не вкладок инструментов jQuery.