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

私はなんとかボタンをアクティブと非アクティブのままにすることができました。例として、ありふれたボタンをクリックすると、これ以上コンテンツを表示できなくなります。

#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 に答える