Jquery 탭 ui 1.10 탭 새로 고침

Question

jquery 탭을 사용합니다. 탭 클릭시 콘텐츠를 새로 고치는 방법을 알고 싶습니다. 내가보기 $ (# 탭) .TABS()

$(document).ready(function(){ 
    $("#tabs").tabs(); 
     $("#tabs").bind("tabshow",function(event,ui){window.location.href=ui.tab;});}); 

Answer 1

으로 "select 이벤트"here

그것은 말한다 문서 준비 기능을 사용하고 있습니다 :

이 이벤트가 발생을하면 탭을 클릭하십시오. 코드 예제

콜백 함수를 제공하여 select 이벤트를 init 옵션으로 처리합니다.

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
}); 

유형별로 선택 이벤트에 바인딩 : tabsselect.

$(".selector").bind("tabsselect", function(event, ui) { 
    ... 
}); 

Answer 2

jQuery를-UI 1.10에, 다음이 도움이 될 것입니다

$("#TABS").tabs("load", $("#TABS").tabs("option", "active")); 

편집 : 더 코드 세부 정보 :

여기

$(function() { 
    $("#TABS").tabs(); 
    $("#TABS").on('click','li',function(event,ui) { 
     $("#TABS").tabs("load", $("#TABS").tabs("option", "active")); 
    });    
}); 

이 (가) 위입니다 link to jsfiddle