2012-12-15 3 views
0

다음은 모든 탭이 포함 된 페이지에서 탭 1, 탭 2 등으로 이동할 수있는 방법입니다. Testpage를 연결하려고하면, tab1과 tab2 등으로 가서 tabpage에 가지 않고 다시 가고 싶습니다. 나는 모든 페이지에 포함시킬 수있는 남자를 하나 갖고 싶습니다.Jquery Tabs - 외부 페이지 (탭)에서 다시 한 페이지 탭으로 이동

<li class="active" id="information_btn"><a href="#" title="" class="not_link">tab1</a></li> 
<li><a href="testpage.php" title="">Testpage</a></li> 
<li id="dns_btn"><a href="#" class="not_link" title="">Tab2</a></li> 


$(document).ready(function(){ 
    $('li#information_btn').click(function(){ 
     $('ul.submenu-accounts > li').removeClass('active'); 
      $('div.tab_selected').removeClass('tab_selected'); 
     $('div.tab_content').hide(); 
     $('div#information_tab_content').show(); 
     $(this).addClass('active'); 
    }); 
    $('li#dns_btn').click(function(){ 
     $('ul.submenu-accounts > li').removeClass('active'); 
     $('div.tab_selected').removeClass('tab_selected'); 
     $('div.tab_content').hide(); 
     $('div#nameservers_tab_content').show(); 
     $(this).addClass('active'); 
    }); 
    $('a.not_link').click(function(event){event.preventDefault();}); 

답변

0

href 특성을 확인하기위한 조건문을 추가하십시오. 그런 다음 내용이 div 인 URL 인 경우 .load()을 사용하십시오.

+0

당신은 더 많은 조언을 할 수 있습니까, 나는 이제 40 분 동안 노력했습니다. 그것은 내가 탭을로드하기를 원할뿐입니다. –

+0

예쁜 것은 아니지만 댓글을 달았으며 좋은 출발점입니다. [DEMO] (http://jsfiddle.net/bobthyasian/ga5aT/) – bobthyasian