액세스

Question

나는 URL에서 접근 할 필요가이 tabsbar 있습니다

jQuery(document).ready(function() { 
    jQuery('#myTabs').tab(); 
}); 

왜, 내가 입력 :

는 여기에 jQuery를 탭 기능입니다

<div class="tabsbar"> 
<ul id="myTabs" class="nav">  
    <li class="active"> 
     <a data-toggle="tab" href="#block_edit_content"><i class="glyphicon glyphicon-book"></i>Content</a> 
    </li> 
    <li> 
     <a data-toggle="tab" href="#widget_configure"><i class="glyphicon glyphicon-wrench"></i>Configuration</a> 
    </li>  
</ul> 

을 이 URL 표시 줄에 요청한 탭이 표시되지 않지만 첫 번째 탭만 표시됩니까? : http://www.example.com/block/edit/a/bid/3#widget_configure
도움이 되셨습니까? 감사.

Answer 1

URL 자체에 탭의 href가 추가 되어도 클릭 이벤트가 발생하지 않아 작동하지 않을 것이라고 생각합니다. 난 당신이 jQuery를 UI 탭하고 그에 따라-태그를 다시 사용하는 것으로 가정 한

jQuery(document).ready(function($) { 
    $('#myTabs').tab(); 
    var tabid = window.location.hash; 
    if(tabid.length !== 0){ 
     $('#myTabs').find('a[href*="' + tabid + '"]').trigger('click'); 
    } 

});