問題タブ [toggleclass]

これを作成できますか：jQuery UIなしでhttp://jqueryui.com/demos/switchClass/default.html ？

基本的に、本体に次の名前のクラスがある単純なサイトがあります'.bgone'。

.bgone背景色があります：#cccそして私は背景色が＃999であるものをフェード効果.bgtwoで切り替えたいです。

jQueryだけで可能ですか？

ありがとう

私は、 primeFacesのような選択リストをjQueryとjQuery-uiで実装しようとしました。

複数選択と並べ替えを組み合わせるために、クラスonClickを切り替えて、ユーザーがctrl-Buttonを使用して複数の要素を選択できるようにする関数があります。

リスト間の並べ替え、選択、移動は問題なく機能しますが、ボタンを使用したドラッグアンドドロップと同じ機能を実装する必要があります。

今、私の問題は、たとえばアイテムを上に移動すると（ボタンを使用して！）、トグルが機能しなくなるか、部分的にしか機能しないことです。

誰か助けてもらえますか？

このためのフィドルを作成しましたが、ボタンの関数が呼び出されず、理由がわかりません。

http://jsfiddle.net/p59vJ/14/ 編集：

より少ないコードでフィドル：http：//jsfiddle.net/p59vJ/15/

私のコード：

Javascript / jQuery：

HTMLコード：

CSS：

国を選択するためにjqueryモバイルカスタム選択メニューを使用しています。ボタンのアイコンを国旗に設定したいです。

私はこれを持っています：

val() の国のクラスをspan.ui-iconに追加することで、フラグを設定できます。

質問:
ユーザーが選択を変更すると、新しいクラスを追加し、古い国クラスを削除する必要があります。他の必要なクラスをすべて削除せずにクラスを削除する方法がわかりません。また、val() を使用してそれぞれのクラスを追加するのに苦労しています。

私はこれを持っています：

ご意見ありがとうございます。

ここでの解決策
は、Skyrimの回答に基づく私の最終バージョンです。複数選択のチェックと、表示する選択のデフォルト値を追加しました。

私はこれ<ToggleButton>を持っています私はこれを変更したいです

私の他のボタンのうち、オン/オフを切り替えると。

それ、どうやったら出来るの？

作成しているナビゲーションに少し問題があります。

子がいる場合は、ナビゲーションをサブメニューでスライドダウンし、何にもリンクしないようにします。また、子がアクティブな場合（）、親もアクティブである必要があり、自動的に子を表示します。これまでのところ、私はこの作品を作りました。

今、私はあなたが彼らをクリックするならば、私は両親にクラスを変えて欲しいです。.activeと通常のスタイルを切り替えます。これを行うには標準のリンクしか取得できません。アクティブでない親をクリックすると、アクティブな親が子を上にスライドさせて非アクティブにする必要があります。

この問題で私を助けることができる人はいますか？

これまでの私のコードは次のようになります。

そして私のjQueryは次のようになります：

クリックして DIV のクラスを切り替えたいのですが、その DIV 内のリンクをクリックしている間は切り替えません。

私はこれを試しましたが、リンクがクリックされてもクラスを切り替えます:

どうすればよいですか？前もって感謝します！

これは簡単な質問のように聞こえますが、何らかの理由で今は理解できません。私の質問はこれです、私のページに2つのラジオボタンがあるとしましょう：

私がやりたいのは、ラジオボタンをクリックした場合はそれにクラス名を追加し、他のラジオボタンをクリックした場合は同じクラスをその新しいクリックしたラジオボタンに追加したいということです。前のクラスに追加したクラスを削除したい、などなど。

何かアイデアをお願いしますか？

クリックしたメニュー リンクにサブメニューがある場合にのみ、javascript (toggleClass) を実行しようとしています。これは可能ですか？よろしくお願いします。

最初のクリックでこの CSS を表示し、次のクリックで削除しようとしていますが、toggleClass が機能していないようで、以下のコードも機能していません。私が得ることができるのは、表示する CSS だけであり、削除されることはありません。これは、iOS の Safari で使用するためのものです。助けてくれてありがとう！

jQuery UI .toggleClass(class, [duration]) を使用して 100x100 ボックスの赤い背景を切り替えていますが、得られる結果は奇妙です。参照については、 http://jqueryui.com/docs/toggleClass/を参照してください。

この例からわかるように - http://jsfiddle.net/xkrX9/ - div#box を最初にクリックすると、赤い背景がすぐに ([期間] なしで) 切り替わり、約 1 秒後に再び白に戻ります。 2 回目のクリック イベント。2 回目のクリック(ページをリロードせずに) を行うと、.red クラスが 1000 ミリ秒の期間で期待どおりに切り替えられます。

ここで何がうまくいかないのですか？洞察をありがとう！