JQuery 탭 시스템

Question

이 스크립트를 작성했으며 모두 나에게 잘 보이지만 jquery doesnt는 작동하기를 원합니다. 행운이없는 연령대에 효과적 이도록 노력하고 있습니다. 당신이 마음을 wouldnt한다면 당신은 나를 위해 그것을 극복 할 수 있습니다. 나는 무언가를 간단하게 놓치더라도 사과한다. 그러나 나의 눈은 지금 웃는다.

을 heres HTML

<ul class="tabs"> 
    <li class=""><a href="#about">About</a></li> 
     <li class=""><a href="#contact">Contact <?php echo $retailers['Retailer']['company'];?></a></li> 
</ul> 
    <div class="tab_container"> 
    <div id="about" class="tab_content"> 
     <h3>About <?php echo $retailers['Retailer']['company'];?></h3> 
      <p><?php echo $retailers['Retailer']['description'];?></p> 
    </div> 
    <div id="contact" class="tab_content"> 
     <h3>Contact <?php echo $retailers['Retailer']['company'];?></h3> 
      <h4>Email <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['email_address'];?></p> 
      <h4>Phone <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['phone'];?></p> 
      <h4>Fax <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['fax'];?></p> 
      <h4>Write to <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['address_line_1'];?>,<br /><?php echo $retailers['Retailer']['address_line_2'];?>,<br /><?php echo $retailers['Retailer']['city'];?>,<br /><?php echo $retailers['Retailer']['county'];?>,<br /><?php echo $retailers['Retailer']['postcode'];?></p> 
    </div> 
    </div> 

을 Heres JQuery와 & PHP :

<script type="text/javascript" language="javascript"> 
$(document).ready(function() { 

//Default Action 
$(".tab_content").hide(); 
$("ul.tabs li:first").addClass("active").show(); 
$(".tab_content:first").show(); 

//On Click Event 
$("ul.tabs li").click(function() { 
    $("ul.tabs li").removeClass("active"); 
    $(this).addClass("active"); 
    $(".tab_content").hide(); 
    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).fadeIn(); 
    return false; 
}); 
}); 
</script> 

죄송합니다 캔트 당신에게 모든 링크하지만 로컬 머신을 제공합니다.

감사 사람들

는

제이미

Answer 1

난 당신이 offictal jQuery를 UI 설명서를 한 번 봐, 특히 tabs page을 제안한다. 나는 이것이 내가 이런 짓을 했을까 방법입니다, 마크 업이 약간의 오차가 있다고 생각 : 당신은 모든 탭 div가 포함 된 사업부 및 다양한 링크 목록이 필요

<div id="tabs_container"> 
<ul> 
    <li class=""><a href="#about">About</a></li> 
    <li class=""><a href="#contact">Contact <?php echo $retailers['Retailer']['company'];?></a></li> 
</ul> 
    <div id="about" class="tab_content"> 
     <h3>About <?php echo $retailers['Retailer']['company'];?></h3> 
      <p><?php echo $retailers['Retailer']['description'];?></p> 
    </div> 
    <div id="contact" class="tab_content"> 
     <h3>Contact <?php echo $retailers['Retailer']['company'];?></h3> 
      <h4>Email <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['email_address'];?></p> 
      <h4>Phone <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['phone'];?></p> 
      <h4>Fax <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['fax'];?></p> 
      <h4>Write to <?php echo $retailers['Retailer']['company'];?></h4> 
      <p><?php echo $retailers['Retailer']['address_line_1'];?>,<br /><?php echo $retailers['Retailer']['address_line_2'];?>,<br /><?php echo $retailers['Retailer']['city'];?>,<br /><?php echo $retailers['Retailer']['county'];?>,<br /><?php echo $retailers['Retailer']['postcode'];?></p> 
    </div> 

, 당신이 놓친 당신의 암호. 그런 다음 jQuery 코드에서 효과적으로 탭을 만드는 .tabs() 호출이 누락되었습니다.

$('#tabs_container').tabs()