私のサイトには、「含める」モードまたは「除外する」モードを有効にするトグルとして機能する 2 つのボタンがあります。含めるボタンはデフォルトで強調表示されています。
これは、2 つのボタンの HTML です。
<div class="smallmenu women abs on" id="include"><div class="text">include</div></div>
<div class="smallmenu men abs hov" id="exclude"><div class="text">exclude</div></div>
インクルードはデフォルトで有効になっています (したがって、「on」クラス)。ボタンが「オン」の場合、人々がそれにカーソルを合わせて効果を確認できるようにしたくありません (これが、インクルードに「hov」クラスがなく、除外する理由です)。何でもする。モードを切り替えるには、他のボタンをクリックする必要があります。
誰かが「除外」ボタンをクリックすると、 jQueryで必要な効果を発生させることができます。また、クリックするとそのボタンがアクティブになるのを止めることができます( )が、誰かが「含める」$("#exclude").unbind();
をクリックすると'ボタン'除外'ボタンを再度アクティブにする方法がわかりません。
また、ページが最初に読み込まれたときに「含める」ボタンがアクティブにならないようにする方法もわかりません。しかし、私はまだこの部分で実際に遊んでいません。
ここにいくつかのコードがあります:
$("#exclude").click(function() {
$(this).toggleClass("on");
$(".filtercategory").toggleClass("inc");
$("#include").toggleClass("on");
$("#include").toggleClass("hov");
$(this).toggleClass("hov");
$("#alternatefilterinfo").toggleClass("hide");
$("#defaultfilterinfo").toggleClass("hide");
$("#exclude").unbind();
});
$("#include").click(function() {
$(this).toggleClass("on");
$(".filtercategory").toggleClass("inc");
$("#exclude").toggleClass("on");
$("#exclude").toggleClass("hov");
$(this).toggleClass("hov");
$("#exclude").bind(); //this line fails to do anything!
})