問題タブ [toggleclass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
355 参照

javascript - jQuery:toggleClassには期間がありませんか?

実際に何かをするためのduration設定を行うことができません。toggleClass

jQuery 1.4.4 と jQuery UI 1.8.7 を実行しています。

期間を使用するjQueryの独自のサンプルページが機能しません: http://jqueryui.com/demos/toggleClass/default.html

「Run Effect」をクリックしても、Mac 上の Safari と Firefox 3.6 の両方で文字通り何もしません。

誰でもこれについて洞察を持っていますか?

0 投票する
1 に答える
1128 参照

jquery - jqueryとtoggleClass

スクリプト付きの Web サイトがあります。リンクをクリックすると、ページが切り替わり、リンク自体も jquery の toggleClass メソッドを使用して切り替えられます。

スクリプトは正常に機能していましたが、ページが重なって読み込まれていたため、少し変更しました。リンクを初めてクリックすると、リンクが変更され (大きくなり)、ページが表示されます。リンクの値は変数 (previousClick) に格納されます。2 つ目のリンクをクリックすると、前のページが消えて新しいページが表示されます。これはうまくいきます。しかし、前のリンクは大きくなっています。小さいフォントに戻す方法がわかりません...

コードは次のとおりです。

CSS:

そしてhtmlのメニュー:

どうもありがとう

0 投票する
3 に答える
273 参照

jquery - アクティブなときに入力フィールドのデザインを変更するにはどうすればよいですか?

私の背景色が赤だとしましょう。入力テキストフィールドを赤で表示したいのですが、入力フィールド内をクリックして入力すると、規則的なテキストフィールドになります。もちろん、入力フィールドでアクティブでない場合は、元の状態(赤)に戻る必要があります。

それは実際にあなたがかなり頻繁に見るものです。トグルクラスを使うことを考えましたか?

私の入力フィールドはすべてjQueryで追加されます

前もって感謝します

0 投票する
1 に答える
122 参照

javascript - JQuery toggleClass を使用して、CSS クラスがうまくいきません。

わかりましたので、基本的にこのリストを持っています。私がやろうとしているのは、toggleClass を使用してリスト内の項目を強調表示することです。

CSS:

頭:

問題は、.css-doc で css プロパティを指定した場合、新しいクラスでその値を変更できないことです。

スタイル属性の上と下、および以下のようにヘッド領域に配置しようとしました。

クリックすると、js はクラスとすべてを追加しますが、定義済みの値は変更されません。

0 投票する
2 に答える
769 参照

jquery - オン クリック チェックボックスで入力属性を設定

4 列の html フォーム最初の 2 列は、無効な ='disabled' の入力ボックス内のサイズです。ラジオ ボタンをクリックしてサイズを選択すると、チェックボックスが表示されます。そのチェックボックスをクリックすると、クラスを変更して属性を無効にしたいと思います。入力ボックスを編集できるように、そのテーブル行の入力の

CSS

Jクエリ

これは私が考えたことですが、うまくいきません

助けてくれてありがとう。

0 投票する
2 に答える
19231 参照

jquery - JQuerytoggleClassの親と子

私はJavascriptとJQueryを知り始めたばかりで、これを理解することはできません。これにはもっと短い方法がありますか?

結局、動作させてよかったのですが、確かにこれは正しく行われていません...子(つまりボタン)を含む親クラス(abcTitle)を切り替えたいと思います。

私を啓発してくれてありがとう!

明確にするために、ここにいくつかの関連するCSSがあります

したがって、基本的にabcButtonまたはH4のいずれかをクリックすると、abcButtonとabcTitleの両方にクラス.collapsedが追加されているときに、abcContentの折りたたみがトリガーされることになっています。
(ところで、除外する方法を理解できれば

クリック関数から、abcButtonとh4を分離する必要なしに、abcTitleをクリックハンドラーにすることができます)

0 投票する
2 に答える
2546 参照

jquery - 本文をクリックするとドロップダウン メニューがオフになり、残りの項目 (jquery) の背景が変更されるようにクラスを切り替えるにはどうすればよいですか?

展開/折りたたみボタン (#client-select) とドロップダウン メニュー (.client-select-dd) で構成されるメニュー ドロップダウンがあります。メニュー自体は、特にボタンをもう一度クリックするのではなく、ユーザーがメニューの外のどこかをクリックした場合にも折りたたむことができるようにすることを除いて、うまく機能します。

最初はメニューが折りたたまれているため、最初のクリックでメニュー ボタンの背景が変更され (#client-select)、ドロップダウン オプションが表示されます (.client-select-dd)。この最初のクリックでも、本体にクラスが追加されます (.client-deactivate)。(#client-select) をもう一度クリックすると、メニューが折りたたまれ、ボタンの画像の背景が復元されます。

私の考えでは、メニューが開いている (そしてクラス ".client-deactivate" がある) ときに本文をクリックすると、メニューが折りたたまれて .client-deactivate が削除されますが、本文をクリックしても何も起こりません。皆様のご協力に感謝いたします。

0 投票する
2 に答える
22353 参照

javascript - jQuery-任意のクラスからクラスを削除します
  • クリックしただけではありません
  • このようなリストがあるとしましょう...

    ...そして私はliのクラスを切り替えることができるようにしたいです...

    ..また、クリックされたものを除いて、「。active」liのtoggleClass機能を維持しながら、「。active」として表示されないようにしたいです。

    だから私は、クリックされたものを除いて、他のliからClassを削除したいと思っていました。どうすればそれができるのかわかりませんが...

    そのようなことを達成する方法について何かアイデアはありますか?かなり簡単だと思いますが、jQueryは初めてなのでわかりません。

    解決済み-誰かがそれを見たい場合..そこに行きます: http: //jsfiddle.net/6jm2s/17/ これも... http://jsfiddle.net/6jm2s/18/

    両方の答えは完璧に機能します..@jondavidjohn&@hunterありがとうございます...残念ながら両方の答えにチェックマークを付けることはできません...しかし、ハンターのコードが短いので、ハンターにチェックマークを付けさせます.. :)

    0 投票する
    4 に答える
    537 参照

    jquery - jqueryのcsstoggleClass?

    デザインを切り替えたい

    jquery:

    しかし、これは機能していません!!! 助けてください

    0 投票する
    5 に答える
    33172 参照

    javascript - 2つのdivを切り替える方法

    2つのdivを切り替えようとしています。たとえば、onloadの場合、左側のコンテンツを表示し、右側のコンテンツは非表示のままにします。右のdivをクリックすると、左のコンテンツが非表示になり、右のコンテンツが表示されます。その逆も同様です。私はjavascriptに非常に慣れていませんが、これが私が持っているものです。私はそれを機能させることができないようです。助けてください...

    これが私のHTMLコードです:

    これが私が使用しているJavascriptです: