問題タブ [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クラスの変更が更新されない
メニューがあり、各メニュー項目は CSS で設定されたクラスを持つスパンです。
.newClass {color: red}
.oldClass {color:black} oldClass:hover {color:blue;}
メニュー項目をクリックすると、クラスが次のように変更されます
$(this).removeClass('oldClass').addClass('newClass');
。これは正常に機能します。
別の menuItem がクリックされると、クラスを現在のメニュー項目に戻します。
$(this).removeClass('newClass').addClass('oldClass');
問題は、クラスが変更されたときに、メニュー項目にマウスを合わせるまで変更が反映されないことです。そのため、メニュー項目の色は、マウスでマウスを合わせるまで赤のままで、その後青のホバーで黒に戻ります。
何が起こるべきかについては、コメントの Gaby の例を参照してください。
これが私の実際のコードです:
$('.headingRev').removeClass('headingRev').addClass('heading');
$(this).removeClass('heading').addClass('headingRev');
そしてここにcssがあります:
.heading {color: #bb1f1a;}
.heading:hover {color: #e9b49e;text-decoration:none;}
.headingRev {color: #e9b49e;}
class - クラスを見つけて別の要素に追加する
li からクラスを取得する方法を見つけ、そのクラスをすべてのメイン コンテンツをラップする div に追加する必要があります。それで...
<div class="structBody">
<ul id="ContentBreadCrumbsColor">
<li class="teal"></li>
</ul>
</div>
誰でも助けることができますか?私は非常に多くの異なるアイデアを試しましたが、jQuery にはまだ慣れていません。
jquery - jqueryはすべてのチェックボックスをチェックし、行にクラスを追加しますか?
[すべて選択]チェックボックスが選択されている場合、tr行にクラスを追加しようとしていますが、[クラスの追加]を機能させることができないようです(すべてのチェックが解除されている場合は明らかに削除します)。個々の行を切り替えてクラスを追加/削除しますが、すべてのチェックで機能するようには見えません。
これが私のテーブルです:
これが私のjqueryコードです:
jquery - 開いているパネルにクラスを追加するにはどうすればよいですか?
1つのページで使用している2つのパネルがあり、一度に1つだけ表示したいので、jsを調整しましたが、クラスを追加していないようです。誰でも助けることができますか?
HTMLはこんな感じ。
javascript - JavaScript Math.random Repeat を作成するには?
基本的に、私のサイトには、スライドして背景色を表示するボックスのあるページがあります。.blue、.green などの要素にクラスを追加して、この背景色をページの読み込み時にランダムにしたい...
私はこのコードを作成しました。お気づきかもしれませんが、これは色のクラスをランダムに並べ替えて要素に適用されます。これは最初の 6 つの要素で機能しますが、特にこのページにはこれを適用したい 12 の要素があります。すべての ".portfolio ul li a " に変数クラスのランダムな選択を適用しますか? なんらかの形で繰り返す必要がありますか?
これは私のスクリプトです..
}))
これは私のソースコード構造です
jquery - addClass と removeClass の問題
Contentflow と呼ばれる Coverflow 画像ギャラリーと統合するために、jQuery ライトボックス Yoxview を取得しようとしています。私の問題は、コンテンツフロー画像がアクティブで中央の状態にあるときにのみ、Yoxview ライトボックスを開くことです。これにより、横方向の画像をクリックしてアクティブな中央の位置に流し込むことができるため、すべての画像をライトボックスで開くのではなく、アクティブな画像のみを開きます。
ここに私が使用しようとしているコードがあります:
HTML は次のとおりです。
非アクティブな画像をクリックすると画像が中央に移動し、中央のアクティブな画像をクリックするとライトボックスが正しく開きますが、各画像を 1 回クリックすると、すべての画像がライトボックスで開きます。removeClass が発生していないようです。どんな助けでも大歓迎です。
jquery - このjqueryが機能しないのはなぜですか?
私はそれが機能することを意味します、しかし私が取り出すならば#slideshow
それはまだクラスを追加しますか?
私は他にクラスを削除しようとしました。
javascript - hasClass の場合、addClass を親に
元の投稿: この単純なスクリプトが機能しないのはなぜですか?
編集:
これはH1を隠しません:
これだけで:
(これ)を使えないのはなぜですか?
jquery - jQuery / css addClass()スタイルが以前のスタイルプロパティをオーバーライドする
divのデフォルトクラスが緑色の背景になっています。マウスを押すと、マウスを離すまで背景を赤に変えたいです。
背景色が赤のクラスをaddClassにしようとしました。新しいクラスのプロパティは、既存のプロパティを上書きしないようです。.cssファイルの元のクラスの後に新しいクラスがリストされています。
css
jscript
html
jquery - jQuery.attr() を使用して属性を設定すると、ブラウザは CSS からスタイルを更新しません
ダウンロードできる一連のファイルを一覧表示するサイト ハットがあります。カスタム属性 docType は、ファイル拡張子に基づいて設定されます。拡張子がない場合、docType は「unknownDoc」に設定されます。CSS ファイルは次のようになります。
まだ CSS スタイルが設定されていないドキュメントをユーザーがアップロードする可能性は十分にあります。この場合、アイテムには docType がありますが、背景画像はありません。このような場合、unknownDoc スタイルを適用したいと考えています。だから私は以下を使用します:
これはうまくいきます。私が理解していないのは、なぜ addClass ステートメントを使用する必要があるのですか? attr または addClass 自体は機能しません。属性を追加しても、ブラウザは addClass のように新しい属性に基づいてアイテムのスタイルを変更しません。これは jQuery のことですか、それともブラウザのことですか?
これを行うより良い方法はありますか?
docType カスタム属性ではなくクラスだけを使用してみましたが、特に将来、要素に追加のクラスが追加される可能性がある場合は、面倒です。