jquery选项卡错误问题

时间:2011-02-09 22:18:46

标签: jquery tabs

大家好我试试jquery和我试图制作一个简单的标签菜单,但我不能让它隐藏我的内容,你可以看到我在这里做了什么

http://jsfiddle.net/YyJ7V/

希望你能告诉我我做错了什么

2 个答案:

答案 0 :(得分: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()拼写错误,因此无法正常工作。
  • 我在演示中无法看到任何点击处理以实现操作,因此我将其添加到了。

答案 1 :(得分:0)

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

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

过滤器被拼错,也改为#而不是:,它似乎有效。也像上面发布的David Thomas一样,我不得不在js小提琴中把它改成jquery,默认设置为mootools。