Question

好吧，我们走了。我正在尝试使用技术选项卡创建列表，安装css是perfeitoa，以及每个类别的按钮，问题是我无法通过jquery调用每个内容，例如：

   <script type="text/javascript">
        $(document).ready(function() {  
            $('#menu_tabs li a:first').addClass('active');
            $('#menu_rating li a:first').addClass('active');

            $('#menu_tabs li a').click(function(){
                $('#menu_tabs li a').removeClass('active');
                $(this).addClass('active');
            });                                              

            $('#menu_rating li a').click(function(){
                $('#menu_rating li a').removeClass('active');
                $(this).addClass('active');
            });
        });
    </script>

我需要什么：

这个#manu_tabs是顶级菜单，类别是，看页面链接

http://www.brasileiromx.com.br/web/classificacao_limpo.php

我设法让按钮保持活动状态和非活动状态，当我点击mundial按钮时，无法再做更多内容了。

#menu_rating是MX1和MX2中每种模态的类别，它们都在每个父类别中。

使用去查看HTML的链接。

谢谢！

Answer 1

这是我能做的：

        $(document).ready(function() {  
            $('#menu_tabs li a:first').addClass('active');
            $('#menu_rating li a:first').addClass('active');

            $('#menu_tabs li a').click(function(){
                $('#menu_tabs li a').removeClass('active');
                $(this).addClass('active');

                $(".tabs div").hide();
                $($(this).attr("href")).show();
                $($(this).attr("href")).find("div").removeClass("active");
                $($(this).attr("href")).find("div:first").addClass("active");
                $($(this).attr("href")).find("div:first").show();

            });                                              

            $('#menu_rating li a').click(function(){
                $('#menu_rating li a').removeClass('active');
                $(this).addClass('active');
               $(this).parent().parent().parent().find("div").hide();
                $($(this).attr("href")).show();
            });
        });

如您所见，单击父选项卡时，子选项卡不会变为活动状态，因为它们共享相同的ID。我建议您删除重复的ID，并使用类名而不是ID来设置它们。

JSFiddle：http://jsfiddle.net/2GfxL/1/

使用选项卡中的选项卡

1 个答案: