使用jquery隱藏/顯示div時，鏈接停止工作

Question

我已經成功顯示/隱藏了div，但是由於某種原因，除非我在新標簽頁中打開它們，否則頁面上的所有其他鏈接都會停止工作。 如何解決此問題？

 $(document).ready(function () { $("#div9").show("slow").siblings().hide("slow"); $('a').click(function () { event.preventDefault(); var divname = this.name; $("#" + divname).show("slow").siblings().hide("slow"); }); $('#seeAll').click(function() { $('#div2').show("slow") $('#div3').show("slow") $('#div4').show("slow") $('#div5').show("slow") $('#div7').show("slow") $('#div8').show("slow") $('#div9').hide("slow") }) }); 

  <a class="people-letters" href="#" name="div2">A</a> <a class="people-letters" href="#" name="div3">B</a> <a class="people-letters" href="#" name="div4">C</a> <a class="people-letters" href="#" name="div5">D</a> EFGHIJKLMNOPQR <a class="people-letters" href="#" name="div7">S</a> TUV <a class="people-letters" href="#" name="div8">W</a> XYZnbsp;<a id="seeAll" class="people-letters" href="#">See All</a> <div> <div id="div2" style="display: none;"> div2 </div> <div id="div3" style="display: none;"> div3 </div> <div id="div4" style="display: none;"> div4 </div> <div id="div5" style="display: none;"> div5 </div> <div id="div7" style="display: none;"> div7 </div> <div id="div8" style="display: none;"> div8 </div> <div id="div9" style="display: none;"> div9 </div> </div> <a href="http://google.com/">Sample Link</a> 

Answer 1

編輯：

通過將“ a”指定為選擇器，已將click事件綁定到ALL鏈接元素。 為了僅將其綁定到該特定鏈接，可以使用為隱藏和顯示div元素的鏈接指定的類。

$('a.people-letters').click(function (event) {
    event.preventDefault();
    var divname = this.name;
    $("#" + divname).show("slow").siblings().hide("slow");
});