オプションボックスの色

WBOY
リリース: 2016-06-23 13:22:21
オリジナル
1118 人が閲覧しました


デフォルトでは、[すべて] の背景色は、background-color: #e35964 です。他の選択をクリックすると、前のオプションの背景色が削除されます (最初は [すべて])、
現在の選択に背景色を追加します。背景色: # e35964
クリックは onclick="getCategory()" でトリガーされます
現在のオプションの背景を変更するには、これらの div に ID を追加し、getCategory() に渡す必要がありますか?
これを実行すると、前のオプションのスタイルを削除する方法がわかりません

<div class="banner01">            <ul>                <li>                    <div style="cursor:pointer;background-color: #e35964"  class="d1" onclick="getCategory('All',1)">All</div>                </li>                <{section name=s loop=$getListCategory}>                <{if ($smarty.section.s.index)%6==0 && $smarty.section.s.index!=0}>                <li style="margin-left:110px;">                    <div style="cursor:pointer;" class="d2" onclick="getCategory('<{$getListCategory[s].title_en}>',1)"><{$getListCategory[s].title_en}></div>                </li>                <{else}>                <li>                    <div style="cursor:pointer" class="d2" onclick="getCategory('<{$getListCategory[s].title_en}>',1)"><{$getListCategory[s].title_en}></div>                </li>                <{/if}>                <{/section}>            </ul>        </div>
ログイン後にコピー

<script>    function getCategory(category,page){    ...................   //改变选项颜色   ..................    }</script>
ログイン後にコピー


ディスカッションに返信 (解決策)

投稿を更新
は同様のことが行われています 関数

を使用して選択範囲をラップします
onclike 関数で
オプションの内容を再読み込みし、パフォーマンスが低い元の div.html() の内容を置き換えます

より便利ですjq スタイル セレクターを使用するには

jq スタイル セレクターを使用する方が便利です


しかし、以前の CSS を削除する方法がわかりません

例を示しましょう