jQuery におけるホバー イベントとクリック イベント間の競合の詳細な説明 (図)

今日、ウェブページを閲覧していて、たくさんのメモを書いていることに気づき、それをブログに投稿して共有するべきかどうか考えました。私は大した専門家ではありませんが、まだいくつか書いています。小さな体験〜皆さんとシェアしたいです シェアして、笑って！

変更するには 1 回のクリックが必要で、ホバーできるようにするにはもう 1 回のクリックが必要です

クリックすると商品の色が変わり、その後も 販売者はホバーできます。

望ましくないメソッドは次のとおりです:

(1) JQ はその css( ) を変更するクリック イベントを追加します。JavaScript を使用して背景色を変更すると、定義が上書きされるため、このメソッドは使用できません。 css すべての background-color 属性には、当然、hover の下の background-color 属性も含まれるため、このように記述すると、クリック イベント後の hover イベントは無効になります。

(2) JQ が addClass() メソッドを使用する場合、優先順位の問題が発生します。

(3) JQのhover()はjsではまだ使えません。

オススメの方法は

(1) CSSスタイルシート2枚とホバースタイル1つをあらかじめ書いておくことができます

そこで今回はJSで書いていきますJQ の Attr() は 2 つの li のクラス名を直接変更しますが、これには他の一連の問題は伴いません。

(2) 次のように、CSS ホバーに を追加することもできます。 :hover{ color : #FF6C00 !重要;}

以上がjQuery におけるホバー イベントとクリック イベント間の競合の詳細な説明 (図)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。