-1

誰でもこの件について私を助けていただければ幸いです。

私のHTMLコードは次のようになります..

        <div class="product-filter clearfix">
        <div id="product-filter" class="display">
        <span style="float: left;">Display:</span>
        <button class="list btn btn-small">List</button>
        <button class="grid active btn btn-small">Grid</span></button>
        </div>

        <div class="filter-items">
        <div class="col-sm-12 col-md-3 col-lg-3">
        some text
        </div>
        </div>
        </div>

私が必要とするのは、「リストボタン」をクリックすると、「アクティブ」クラスが追加され、「グリッドボタン」から「アクティブ」クラスが削除されることです。さらに、#filter-items div からすべての「col-md-* および col-lg*」クラスを削除し、それに応じて col-md-5 および col-lg-5 を追加する必要があります。逆に、Grid ボタンがクリックされたときに動作する必要があります

4

1 に答える 1

0

HTML では、ボタンに ID を追加する必要があります。

<button id="btnList" class="list btn btn-small">List</button>

次に、JavaScript では次のようになります (これにより、すべてのグリッドがアクティブになり、単一のグリッドに ID を与え、ハッシュ (#) を使用します)。

$("#btnList").click(function() {
    $(".grid").addClass("active");
});

上記のコメントに同意します。これは信じられないほど基本的な質問であり、実際には次の jQuery ドキュメントで回答されています。

jQuery API .click() ドキュメント

jQuery API CSS ドキュメント

于 2013-11-14T18:58:12.540 に答える