2011-02-09 124 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。