1

好吧，我们开始吧。我正在尝试使用技术选项卡制作列表，安装 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 的链接。

谢谢！

4

1 回答 1

0

这是我能做的：

        $(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/

于 2013-02-08T18:24:58.657 回答