問題タブ [addclass]
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とプロトタイプセレクターの狂気
jQueryライブラリとPrototpyeJavaScriptライブラリはどちらも、ハードコードされた番号を受け入れますが、変数を使用してインデックス番号でリストアイテム要素を選択することを許可していません。
たとえば、プロトタイプではこれは機能します。
しかし、これは、変数を数値または整数としてキャストしようとしても機能しません。
jQueryでも同様の奇妙さがあります。これは機能します:
ただし、currentPageの値が5で、そのタイプがnumberであっても、これは再び機能しません。
JavaScriptページ付けシステムを作成しようとしていますが、アクティブなページボタンでクラスを設定する必要があります。リストアイテムの要素は、必要なページ数に応じて動的に作成されます。
jquery - JQuery : 5 つの ID をその場で (クラスの代わりに) 追加する
私はこの状況に対処しています:
- ID をターゲットとするカラー アニメーション スクリプトがあります (JQuery ではなく純粋な JavaScript です)。
- 次に、IDのない動的リストがあります: 'ul' somePHP throwing list items '/ul'
- そして最後に、私はJQuery自体を持っています(リスト項目にその場でいくつかのIDを追加するために使用します:しかし、私はまだ方法を知りません)
カラー プラグインは id でのみ検索するため、JQuery を使用して単一のクラスをリスト項目に追加できないことに気付きました (クラスとは類似していない getElementById を使用します)。
そのため、addClass JQ 関数を除外する必要があります。これは、簡単に実行できます。
スクリプトは、リストに id を挿入し、5 つの明確に定義された id を挿入し、後でそれらに影響を与える外部化された色プラグインでいくつかの指示を与えることができる場合にのみ機能します。
次に、指示:
プラグインの JavaScript 自体を変更することもできますが、JQuery を使用して何らかの方法で HTML に ID を追加する方が簡単だと思いました。
カラー プラグインは、Michael Leigeberによって書かれた素晴らしいコードで 、次のように再現します。
そのため、これらの ID をオンザフライで追加する方法や、JavaScript をターゲット クラスに変更する方法を誰かが教えてくれたら、本当に感謝します。
どうもありがとう、
1月
jquery - jQueryaddClassの質問
クリックされているリンクのクラス名に基づいて、共通のクラス名を持つ複数のスパン要素にクラスを追加したいと思います。これは、最初の要素(1)に対してのみ機能します。残りは結果を与えません(エラーもありません)。これが私が機能させようとしているコードです。最初にHTML、次にjQueryの部分です。
jquery - jQuery addClass が機能しない
addClass を使用して、Joomla テンプレートでゼブラ ストライプのテーブルを作成しようとしています。次のコードを使用しています:
tr:odd セレクターを使用して css をテーブル行に動的に追加することができましたが、 addClass 関数を使用すると、そうではありません (生成されたソース コードを確認したところ、どのテーブル行にも "odd" クラスが含まれていません)。 .
私が間違っている可能性のある手がかりがないので、助けていただければ幸いです。
jquery - 複数の要素に className を追加する際の IE6 のパフォーマンスの問題 (jQuery tableHover プラグイン)
数値の大きな HTML テーブルを使用する私が書いたアプリケーションでは、設計上、ホバーされたセルの行と列が強調表示される必要があります。
私は jQuery 1.3.x を使用してこのプロジェクトのすべての JS を開発しましたが、必要なことを正確に実行するtableHoverプラグインを見つけました。
しかし:
IE6 では、セル要素の数がページがほとんど応答しなくなるまで増加すると、このプラグインのパフォーマンスが低下します。
問題はプラグインにあると思い、同じパフォーマンスの問題があることを発見するために、実際に機能全体を最初から書き直しました。
コードをデバッグした後、大量の要素を選択してclassName ( jQuery.addClass() ) を適用すると、IE6 では非常に遅いことがわかりました。
代わりにjQuery.css()をbackground-colorのみで使用しようとしましたが、パフォーマンスは向上しましたが、表のセルの数が増えるとパフォーマンスが使用不能な状態に低下し、他のすべてのブラウザーではjQuery.cssのパフォーマンスが低下します()はjQuery.addClass()よりもかなり遅いです。
ここでの主な問題は、テーブル列に共通の親がないことです。そのため、列をスタイルするには、テーブル全体を走査し、各行を選択してから、正しいnth-child tdを見つける必要があります。このための私のjQueryコードは次のようになります。
この問題とは関係がないため、コード全体をここに貼り付けることはしません。私が探している唯一の答えは、より良いパフォーマンスマージンで必要なことを行う既知の方法はありますか? 「Chrome」のパフォーマンス速度を探しているのではなく、「応答しない」よりも速いものを探しています。
タナクス
トム。
jquery - アクティブなクラスを削除して兄弟に追加する
現在、画像をスクロールできる jQuery Cycle プラグインがあります。コールバックを使用して、この関数を呼び出しています
function onAfterVideoScroll() {
$('.myRemote.active').removeClass("active").next().addClass("active");
}
これは、現在のクラスを別のリンクのセットから削除し、クラスを次の兄弟に追加する必要があります。
これは、どのボタンが現在スライドショーに表示されているかをユーザーが認識できるように、そのボタンの前のボタンがアクティブであることを示している画像を保持するためです。
これが理にかなっている場合は、アクティブなクラスを削除するのに、兄弟にアクティブなクラスを与えない理由を教えてください。
ありがとう!
jquery - jquery addclassスタイリングが機能しない、間違ったセレクター?
<li id="leistungen"><a href="#Leistungen" onclick="sitemapChangeSubMenu('leistungen','leistungencontent','leistungen'); return false;">LEISTUNGEN</a> </li>
これは私がスタイリングしたいリストアイテムです:
これはどちらでも機能しません:
私のCSSコードは
何が悪いのかわかりません、うまくいけばあなたは私を助けることができます:)
どうもありがとう!
jquery - 要素内のテキストを検索し、親にClassを追加します
HTML:
a.navのテキスト「リンク」を検索し、「テーブル」にID「abc」を追加します。これを試しましたが、機能しません:
(ほとんどのブラウザが自動的に追加するため、tbody)
jquery - jQueryで.live()を使用するaddClass
現在、この.load()
関数を使用して、コンテンツをコンテナdiv
に動的にロードしています。ロードされているコンテンツは、ゼブラストライプしたいテーブルデータです。静的ページではゼブラストライプは簡単ですが、コンテナにロードされた新しいコンテンツをゼブラストライプする方法がわかりませんdiv
。
これが私が作業しようとしているコードです:
「EVENT」は、ではなく"click"
、"mouseover"
「onload」またはその効果をもたらす何かである必要があります。これを行う方法はありますか?あなたの提案をありがとう!
〜Jared
jquery - ページのリロード後に addClass を保持する JQuery
私は JQuery の初心者で、Superfish スクリプトに基づいたメニューに取り組んでいます。リンクをナビゲートするときに、現在クリックされている項目セットに addClass を保持するのに問題があります。
私のコード:
JS
HTML
上記の html は正常に動作し、クラス "corrente" は正しく設定されていますが、実際のリンクを挿入して html を変更すると、クラスは正常に設定されますが、宛先ページが読み込まれると失われます。
追加されたクラスを保存し、それを宛先ページに渡す方法について何かアドバイスをいただけますか?
前もって感謝します