問題タブ [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 投票する
2 に答える
2198 参照

jquery - jQuery-複数のCSSクラスでの同時ホバーアクション



2番目divのアニメーション全体を実行するには、400ミリ秒かかります。トグルの場合は200ミリ秒button-hover、次にトグルの場合はさらに200ミリ秒かかりbutton-rounded-hoverます。これらのトグルを同時に実行するにはどうすればよいですか?

ノート:

  • 私はOOCSSを使用しているので、button-roundedextends buttonbutton-rounded-hoverextends button-hoverbutton-rounded-hoverあまり正確に定義したくないbutton-hoverのは、DRY(Do n't Repeat Yourself)ではないため、2番目のクラスで2つのクラスと2つのホバー呼び出しを使用している理由ですdiv
  • 両方のアクションに200ミリ秒かかる必要があります。どちらも0(瞬時)にしたくありません。
0 投票する
3 に答える
1321 参照

jquery - 入力値のjQuerytoggleClass

テキスト入力のに応じて、入力にクラスを追加したいと思います。私の問題は、入力がすべてのクラスをレンダリングすることです。これがhtmlの部分です:

そしてここにjavascript/jQueryがあります

また、入力をレンダリングするものを見てください:

では、なぜ各要素がクリック時に各クラスを受け取るのでしょうか。

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

jquery - クリックメソッド内でJQueryでaddClassまたはtoggleClassを使用しても機能しませんか?バグ?

これは非常に単純なようですが、それでも正しく機能しません。

クラス.normalを.hightlight..の上に置くと機能しますが、ここではスタイルを変更しません。位置のみを変更します。これは意味がありません。

ここにhtmlコードを貼り付けることができないようですので、ブロック単位で貼り付ける必要があります。そして、すべてのコードのスナップショットを同封しました。

空のhtmlページがあることを確認してください。Doctypeは重要ではありません。さまざまなDoctypeでテストしましたが、それでも正しく機能しません。

これは、ヘッダーの後のスタイルブロックの内側にあります

この後、最新のjqueryコードのソースを含むスクリプトタグがあります http://code.jquery.com/jquery-latest.min.js

そして、この後、スクリプトがブロックされ、ここに次のようになります。

});

そして、本体の内部に、ID名が「maindiv」でクラスが「normal」のapタグがあります。

テキスト付きはこちらをクリックしてください。

桶、私も誰かがこれを試すまで待つことができません..他のすべての方法がうまくいくので、それはクレイジーです。ただし、.addClassと.toggleClassのみが正しく機能しません

私は新しいユーザーなので、ここに完全なコードのスナップショットを含めることはできませんが、 http ://www.bckan.nl/temp/jquerybug.jpgからダウンロードできます。

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

jquery - jquery toggleClassが機能していません

何らかの理由で、toggleClass 関数が機能していないようです。

クラス「nodrag」のテーブル行があります-tableDnDプラグインで使用されています:

リンクをクリックすると、 $(document).ready 関数にある次のコードでクラスのオンとオフを切り替えたい:

リンクのテキストが変更されるため、クリック イベントが発生することはわかっています。$("#1").text("test") のように何か他のことをすると、行の選択が機能することもわかっています。

toggleClass に問題があるようです。私はどこでも検索しましたが、私を助けるものは何も見つかりませんでした。

助けてくれてありがとう

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

toggleclass - Jquery Slidetoggle: ページがリロードされるのはなぜですか?

2 つの slideToggles で奇妙な問題が発生しています。#bannerChoice スライドは問題なく動作しますが、開いたときに #bannerChoice と重なるはずの #search スライドは、途中までしか開きません。代わりに、ページを強制的にリロードします。

これが私のコードです:

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

jquery - トッゲル div 内で派手なポップアップが機能しない

II は現在、トグル メニューで動作する Web サイトに取り組んでいます。ファンシーボックスをトグル メニュー項目内に配置しました。サムネイルが「クリック」されると、通常のポップアップで大きな画像が開かれず、新しいブラウザ フレームで開きます。このバグの修正はありますか?

ここにhtmlがあります。

alohatechsupport webdesignmaui の show_hide_expand_collapse_javascript スクリプトを使用しました

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

jquery - jQueryを使用して親を非表示にする方法

チェックボックスをオンにしたときに、コンテナ全体を非表示にできるようにしたい。

* HTML *

* CSS *

* JavaScript(動作しません)*

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

jquery - wysiwyg テキスト エディタを作成する際の Twitter Bootstrap ボタン チェックボックスのトグルの問題

単純なテキスト エディタを作成して、人々がフォントを太字、斜体、または下線付きにできるようにしたいと考えています。Twitterのブートストラップのボタンで「アクティブ」クラスを使用して、テキストエリア内の単語にさまざまなフォントスタイルを追加するなどの機能を切り替える方法について、少し混乱しています。

ここに私のHTMLがあります:

ここに私のJSがあります:

フォントスタイルごとに次のようなコードが必要だと思います:太字、斜体、下線を切り替えます。しかし、テキストを太字にするためだけに私が持っていることがわかるように、非常に冗長です (言うまでもなく、機能しません) ので、より良い方法が必要です。どんな考えでも大歓迎です。

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

jquery - これら2つのjQueryon()イベントをtoggle()で統合できますか?

これらを1つのtoggleClass()で実行する方法が必要です。

...ただし、myButtonは動的に作成されるため、on()内にあります。

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

jquery - JQuery最も近い親の選択a:link

a:linkホバーされている子サブメニューに基づいて、ナビゲーションメニューで最も近い親のCSSクラスを切り替えようとしています。最も近い親<li>タグに対して機能させることはできますが、a:linkこのイベントを発生させたい内部では機能しません。

HTML:

だから、私が書いた、働いている親を選択するための関数<li>は:

しかし、どうすればこのクラスをa:link親のに切り替えることができul.menu liますか?何かのようなもの:

もちろん、それは機能しません。どの構文を変更する必要があるのか​​わかりません。

どうもありがとう。