jQuery 도구로 탭 선택

웹 응용 프로그램에서 jQuery 탭 도구를 설정했는데 탭 사이를 클릭해도 제대로 작동하지만 다른 JavaScript 기능이 완료된 후에 탭을 선택할 수 있습니다. . 설명서를 읽고 검색 한 후에이 작업을 성공적으로 수행하는 데 문제가 있습니다.jQuery 도구로 탭 선택

나는 검색 기능을 가지고 있으며, 누군가 검색 할 때 검색 탭을 선택하여보기를 원합니다. 검색 기능의 끝에서

var tabby = jQuery('#right-tabs').tabs(); 
tabby.tabs('select', 1); // switch to second

html로 : "정의되지 않은 재산 'jQuery를'읽을 수 없습니다 catch되지 않은 형식 오류"

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

내가 말하는 불을 지르고의 오류가 발생했습니다.

은 또한 단지 수동으로 클래스를 제거/설정 ... 또 다른 접근 방식을 시도 : 작동하지만, 당신이 때까지 다른 탭을 클릭 허용하지 않습니다, 이상한 행동을 생성

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 도구를 어떻게 만들고 싶은지 정확하게 모르겠습니다. 그것은 간단해야합니다, 나는 이것을 고려하고 그냥 처음부터 쓰는 것을 고려하고 있습니다. 그러나 만약 여러분이 접근법을 개선하거나 더 좋은 방법을 만들 수있는 방법이 있다면 정말 감사하겠습니다!

내가 필요한 모든

UPDATE했다 : 나는 실수로 jQuery를 탭이 아닌 jQuery를 도구 탭에 대한 사례를 발견했다

var api = jQuery("ul#right-tabs").data("tabs"); api.click(1);

. 내가 필요로 무엇
는

출처

2011-08-15 skiindude22

jsFiddle에서 문제를 재현 할 수 있습니까? http://jsfiddle.net/ – thinkdevcode

jQuery Tools 탭 API 문서의'select' 메소드에서 아무 것도 찾을 수 없었습니다. 'select'가 유효한 메소드입니까? 이렇게하면 특정 탭을 선택할 수있었습니다. '$ ("# right-tabs li a") [1] .click()'하지만이 방법이있을 것이라고 생각합니다. – RoccoC5

수정 됨! 대답은 다음과 같습니다 : var api = jQuery ("ul # right-tabs"). data ("tabs"); api.click (1); – skiindude22

했다 : 나는 실수로 jQuery를 탭이 아닌 jQuery를 도구 탭에 대한 사례를 발견했다

var api = jQuery("ul#right-tabs").data("tabs"); 
api.click(1);

출처

2011-08-16 21:42:22 skiindude22

jQuery 도구로 탭 선택

답변

관련 문제