URL 패턴에 따라 UI 탭을 변경하십시오.

Question

Jquery Ui 탭 프레임 워크를 사용하고 있습니다. www.xyz.com/#tab1 또는 www.xyz.com/#와 같은 브라우저에서 URL 패턴에 따라 선택한 탭을 변경하고 싶습니다. tab2.

나는

$("#tabs").bind('tabsselect', function(event, ui) { 
       window.location.href=ui.tab; 

그러나, 그것은 선택 탭 앵커을하고 있지만, 실제로 탭을 변경하지 않고 내가 실제로 탭을 변경하려면 입력 키를 눌러야 사용하여 해결 방법을 발견했다. 누군가 내가 잘못한 부분을 지적 할 수 있고 탭이 URL 패턴에 따라 변경되도록 변경 사항을 암시 할 수 있습니까?

난 당신이 활성화 처리기를 통해 결합 할 수 있습니다 생각이

$(document).ready(function() { 




    $("#tabs").tabs({ 
     beforeLoad: function(event, ui) 
      {   
      ui.jqXHR.error(function() { 
        ui.panel.html(   "Couldn't load this tab. We'll try to fix this as soon as possible. " ); 
          }); 
           }  
           }); 

      $("#tabs").bind('tabsselect', function(event, ui) { 
      window.location.href=ui.tab; 

     }); 

}); 

HTML 코드

<div id="tabs"> 
<ul> 
    <li><strong class="first"> 
    <a href="#tabs1" id="tab1">Tab-1</a> 
    </strong></li> 
<li> 
<strong> 
<a href="xyz.do" id="tab2">Tab-2</a> 
</strong> 
</li> 

</ul> 

<div id="tabs1"> 
tab -1 content 
</div> 

Answer 1

을 구현하기 위해 다음 코드를 사용하고 있습니다. http://api.jqueryui.com/tabs/#event-activate

$(".selector").on("tabsactivate", function(event, ui) { changeColor(ui); }); 

ui.tab가 클릭 된 탭에 대한 세부 사항을해야합니다. 귀하의 경우에는

나는 당신이 말하고 싶은 생각

var changeColor(ui) = function(
    if (ui.index == 1) { 
     $("#selector").addClass("tab2Active"); 
    });