我的jquery標籤代碼有什麼問題？

Question

下面的代碼，我參考了互聯網，但它不起作用。爲什麼？

jQuery代碼：

$(document).ready(function(){ 

     $(".tab:not(:first)").hide(); 
     $(".tab:first").show(); 

     $(".htabs a").click(function(){ 

     var stringref = $(this).attr("href").split("#")[1]; 

      $(".tab:not(#"+ stringref +')').hide(); 

      //fix 
      if(jQuery.browser.msie && jQuery.browser.version.substr(0,3)=="6.0"){ 

      $('.tab #'+stringref).show(); 
      }else{ 
      $("tab #"+stringref).fadeIn(); 
       return false; 
      } 
     }); 

的html代碼：

<ul class="htabs hide"> 
     <li><h2><a href="#design">Graphic design</a></h2></li> 
     <li><h2><a href="#development">Development</a></h2></li> 
     <li><h2><a href="#freebies">Freebies</a></h2></li> 
    </ul> 
    <div class="tabs"> 
     <div id="design" class="tab"> 
      <ul> 
       <li><a href="#">TYpography</a></li> 
       <li><a href="#">TYpoface</a></li> 
       <li><a href="#">painting</a></li> 
       <li><a href="#">Optical balance</a></li> 
      </ul>   
     </div> 


     <div id="development" class="tab"> 
      <ul> 
       <li><a href="#">TYpography</a></li> 
       <li><a href="#">TYpoface</a></li> 
       <li><a href="#">painting</a></li> 
       <li><a href="#">Optical balance</a></li> 
      </ul>   
     </div> 


     <div id="freebies" class="tab"> 
      <ul> 
       <li><a href="#">TYpography</a></li> 
       <li><a href="#">TYpoface</a></li> 
       <li><a href="#">painting</a></li> 
       <li><a href="#">Optical balance</a></li> 
      </ul>   
     </div> 



    </div> 


$(this).attr("href").split("#")[1]; what't the meaning of this line? why it's one([1])? 

Answer 1

錯誤在於以下兩行：

$('.tab #'+stringref).show(); 

和

$(".tab #"+stringref).fadeIn(); 

的.tab應該從兩個被刪除，所以你必須：

$('#'+stringref).show(); 

和

$("#"+stringref).fadeIn(); 

Answer 2

不知道什麼是不工作...你有一個點缺少一個行：

$(document).ready(function(){ 

$(".tab:not(:first)").hide(); 
$(".tab:first").show(); 

$(".htabs a").click(function(){ 

var stringref = $(this).attr("href").split("#")[1]; 

    $(".tab:not(#"+ stringref +')').hide(); 

    //fix 
    if(jQuery.browser.msie && jQuery.browser.version.substr(0,3)=="6.0"){ 

    $('.tab #'+stringref).show(); 
    }else{ 
    //$("tab #"+stringref).fadeIn(); // Missing a . on this line 
    $(".tab #"+stringref).fadeIn(); // Added the . 
     return false; 
    } 
}); 

Answer 3

$（本）.attr（「HREF 「）.split（」 ＃「）[1];這條線的意義是什麼？爲什麼它是一個（[1]）？

這是一個綁定到錨元素的click事件的函數，所以這指的是該元素。因此，代碼採用錨元素的href屬性的值，splits以'＃'符號表示，然後在＃符號之後。 該代碼不工作，因爲if-else部分中的選擇器不好

$(".tab:not(:first)").hide(); 
    $(".tab:first").show(); 

    $(".htabs a").click(function(){ 

    var stringref = $(this).attr("href").split("#")[1]; 

     $("div.tab:not(#"+ stringref +')').hide(); 

     //fix 
     if(jQuery.browser.msie && jQuery.browser.version.substr(0,3)=="6.0"){ 

     $('#'+stringref).show(); //fixed selector 
     }else{ 
     $("#"+stringref).fadeIn(); //fixed selector 
     } 
     return false; 
    });