2011-02-09 52 views
0

您好所有IM試圖jQuery和我嘗試做一個簡單的標籤菜單,但我只是不能得到它隱藏我的內容,你可以看到我在這裏做jQuery的標籤錯誤問題

http://jsfiddle.net/YyJ7V/

希望你能告訴我什麼即時做錯了

+2

這是很重要的,放在一起時一個jQuery演示,到** **使用jQuery(與例如** MooTools **相對)。請記住檢查左邊的下拉列表...... =) – 2011-02-09 22:25:22

回答

1

這是我會怎麼做它:

$(function() { 
    var tabContainers = $('div.tabs > div'); 
    tabContainers.hide(); 
    $('.tabsNavigation a').click(
     function(){ 
      var which = $(this).parent().index(); 
      $(tabContainers).eq(which).show().siblings().filter('div').hide(); 
      return false; 
     }); 
}) 

JS Fiddle demo

注:

  • 所暗示在我的評論你的問題:你正在使用MooTools的,在您的演示,而不是jQuery的。這不起作用。或者它可能,但可能很少,由於語法/使用差異
  • filter()拼寫錯誤,所以無法工作。
  • II都看不到,在您的演示,點擊任何處理,使其進行動作,所以我補充說英寸
+0

非常感謝,但@david我會嘗試自己做,所以我自己的代碼做什麼,所以我可以學習:),我現在這個但是當我點擊一個鏈接時它不會改變內容,你能看到最新的錯誤嗎? http://jsfiddle.net/YyJ7V/9/ – Sjmon 2011-02-09 23:04:22

0

http://jsfiddle.net/loktar/YyJ7V/3/

$(function() { 
    var tabContainers = $('div.tabs > div'); 
    tabContainers.hide().filter('#tab1').show(); 
}) 

濾波器拼寫錯誤,也改爲#代替:和它似乎工作。也像上面的David Thomas發佈的那樣,我不得不將它更改爲js小提琴中的jquery,默認情況下它被設置爲mootools。