問題タブ [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.
jquery - jQuery-複数のCSSクラスでの同時ホバーアクション
2番目div
のアニメーション全体を実行するには、400ミリ秒かかります。トグルの場合は200ミリ秒button-hover
、次にトグルの場合はさらに200ミリ秒かかりbutton-rounded-hover
ます。これらのトグルを同時に実行するにはどうすればよいですか?
ノート:
- 私はOOCSSを使用しているので、
button-rounded
extendsbutton
、button-rounded-hover
extendsbutton-hover
。button-rounded-hover
あまり正確に定義したくないbutton-hover
のは、DRY(Do n't Repeat Yourself)ではないため、2番目のクラスで2つのクラスと2つのホバー呼び出しを使用している理由ですdiv
。 - 両方のアクションに200ミリ秒かかる必要があります。どちらも0(瞬時)にしたくありません。
jquery - 入力値のjQuerytoggleClass
テキスト入力の値に応じて、入力にクラスを追加したいと思います。私の問題は、入力がすべてのクラスをレンダリングすることです。これがhtmlの部分です:
そしてここにjavascript/jQueryがあります
また、入力をレンダリングするものを見てください:
では、なぜ各要素がクリック時に各クラスを受け取るのでしょうか。
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からダウンロードできます。
jquery - jquery toggleClassが機能していません
何らかの理由で、toggleClass 関数が機能していないようです。
クラス「nodrag」のテーブル行があります-tableDnDプラグインで使用されています:
リンクをクリックすると、 $(document).ready 関数にある次のコードでクラスのオンとオフを切り替えたい:
リンクのテキストが変更されるため、クリック イベントが発生することはわかっています。$("#1").text("test") のように何か他のことをすると、行の選択が機能することもわかっています。
toggleClass に問題があるようです。私はどこでも検索しましたが、私を助けるものは何も見つかりませんでした。
助けてくれてありがとう
toggleclass - Jquery Slidetoggle: ページがリロードされるのはなぜですか?
2 つの slideToggles で奇妙な問題が発生しています。#bannerChoice スライドは問題なく動作しますが、開いたときに #bannerChoice と重なるはずの #search スライドは、途中までしか開きません。代わりに、ページを強制的にリロードします。
これが私のコードです:
と
と
jquery - トッゲル div 内で派手なポップアップが機能しない
II は現在、トグル メニューで動作する Web サイトに取り組んでいます。ファンシーボックスをトグル メニュー項目内に配置しました。サムネイルが「クリック」されると、通常のポップアップで大きな画像が開かれず、新しいブラウザ フレームで開きます。このバグの修正はありますか?
ここにhtmlがあります。
alohatechsupport webdesignmaui の show_hide_expand_collapse_javascript スクリプトを使用しました
jquery - jQueryを使用して親を非表示にする方法
チェックボックスをオンにしたときに、コンテナ全体を非表示にできるようにしたい。
* HTML *
* CSS *
* JavaScript(動作しません)*
jquery - wysiwyg テキスト エディタを作成する際の Twitter Bootstrap ボタン チェックボックスのトグルの問題
単純なテキスト エディタを作成して、人々がフォントを太字、斜体、または下線付きにできるようにしたいと考えています。Twitterのブートストラップのボタンで「アクティブ」クラスを使用して、テキストエリア内の単語にさまざまなフォントスタイルを追加するなどの機能を切り替える方法について、少し混乱しています。
ここに私のHTMLがあります:
ここに私のJSがあります:
フォントスタイルごとに次のようなコードが必要だと思います:太字、斜体、下線を切り替えます。しかし、テキストを太字にするためだけに私が持っていることがわかるように、非常に冗長です (言うまでもなく、機能しません) ので、より良い方法が必要です。どんな考えでも大歓迎です。
jquery - これら2つのjQueryon()イベントをtoggle()で統合できますか?
これらを1つのtoggleClass()で実行する方法が必要です。
...ただし、myButtonは動的に作成されるため、on()内にあります。
jquery - JQuery最も近い親の選択a:link
a:link
ホバーされている子サブメニューに基づいて、ナビゲーションメニューで最も近い親のCSSクラスを切り替えようとしています。最も近い親<li>
タグに対して機能させることはできますが、a:link
このイベントを発生させたい内部では機能しません。
HTML:
だから、私が書いた、働いている親を選択するための関数<li>
は:
しかし、どうすればこのクラスをa:link
親のに切り替えることができul.menu li
ますか?何かのようなもの:
もちろん、それは機能しません。どの構文を変更する必要があるのかわかりません。
どうもありがとう。