2010-06-23 4 views
3

동일한 페이지에서 2 개의 탭을 만들려고하지만 첫 번째 페이지는 훌륭하게 작동하고 두 번째 페이지는 전혀 작동하지 않습니다.JQuery : 같은 페이지에 2 개의 탭이 있습니까?

동일한 페이지에 2 개의 탭이있을 수 있습니다. 그렇다면 어떻게 관리 할 수 ​​있습니까?

두 코드 모두 동일한 코드입니다. 예 : $ ('# tab1'). tabs(); 와 다른 $ ('# tab2'). tabs();

<section> 
<div id="radioprog"> 
    <h2 class="fire">R&aacute;dio</h2> 
    <ul id="radio-nav"> 
     <li><a class="dia" href="#seg">2ª</a></li> 
     <li><a class="dia" href="#ter">3ª</a></li> 
    </ul> 

    <div id="seg" class="programacao"> 
     seg 
    </div> 


    <div id="ter" class="programacao"> 
     ter 
    </div> 

</div>  
</section> 

<section id="info-tab" style="width:325px; margin-top:3px;"> 
<div id="tabs"> 
    <ul> 
     <li><a href="#comentados">+ Comentados</a></li> 
     <li><a href="#lidos">+ Lidos</a></li> 
    </ul> 

    <div id="comentados"> 
     <ul> 
      <li><a href="#nowhere" title="Lorum ipsum dolor sit amet">Lorem</a></li> 
      <li><a href="#nowhere" title="Aliquam tincidunt mauris eu risus">Aliquam</a></li> 

     </ul> 
    </div> 

    <div id="lidos"> 

     <ul> 
      <li><a href="#nowhere" title="Lorum ipsum dolor sit amet">Lorem</a></li> 
      <li><a href="#nowhere" title="Aliquam tincidunt mauris eu risus">Aliquam</a></li> 
     </ul> 
    </div> 
</div>  
</section> 
+0

아마도 일부 코드 및 마크 업을 볼 시간 은요? –

답변

1

당신은 (같은 수준에서, 중첩 등) 여러 탭이있을 수 있습니다 :

당신에게

내 HTML 감사드립니다.

동일한 ID를 공유하면 문제가 발생합니다.

은 참조 :

정말 휴식이 필요

http://jsbin.com/eqivo/edit

+0

험 ... 이해가 안 돼요 ... 제 코드가 비슷하고 작동하지 않습니다 .. 다른 div, 다른 이름, 방화범 오류 또는 경고 .. 작동하지 않습니다. 그들은 동일한 ID를 가지고 있지 않습니다. \t $ ('# tabs'). tabs(); – Davidslv

0

, 그것은 노력하고 있습니다 ... 문제는 텍스트가 동일하고 나는 그것을보고하지 않았다고했다.

죄송합니다.

해결 된

관련 문제