JQueryのタブシステム

Question

このスクリプトを書いて、それはすべて私には大丈夫だと思われますが、何らかの理由でjquery doesntは働きたくありません。これが運がない年齢のために働くようにしようとしていた。もしあなたが気にしなければ、あなたは私のためにそれを見て回ることができます。私は何かシンプルなものを見逃している場合は謝罪しますが、私の目は今笑っている。

相続人のhtml & PHP

<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> 

相続人のjQuery：カントは、ローカルマシン上であなたにすべてのリンクを与えるが、その

<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

私はあなたがtabs page特に、offictal jQueryのUIのドキュメントを見てみましょうお勧めします。私はあなたのマークアップは多少の誤差があると思う、これは私がこれを行う方法は以下のようになります

<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> 

あなたは様々なリンクですべてのタブのdivとリストが含まれているのdivを必要とする、あなたにこれを逃しましたコード。次に、jQueryコードでタブを効果的に作成する.tabs（）の呼び出しがありません。

$('#tabs_container').tabs()