1

jQuery モバイルと jQuery UI は、要素を独自の要素でラップします。これらのラッパー要素には :hover ルールがある場合があります。なんらかの理由でホバー ルールをトリガーしたくない場合は、どうすればよいでしょうか?

  1. ホバー中に要素を希望どおりに保持する anti :hover クラス
  2. 要素の上に div を置く

問題は、テーマを適用するとアンチクラスが失敗することです。getComputedStyles と Javascript を使用してクラスを構築できますが、何らかの理由で、目的のスタイルの約 90% しか保持していないように見えます。

上にある div の問題は、マウスが上にある div の隅に触れたときに、下にある div で :hover が引き続きトリガーされることです。

4

1 に答える 1

2

CSS の変更を元に戻す要素に対して、より具体的な :hover セレクターを新しく作成します。特異性について調べることはできますが、最速の方法は通常、追加の祖先を追加し、残りのセレクターを保持することです。

たとえば、現在のセレクターが like である場合、.jquery-ui-dialog .jquery-ui-button:hover {...}like に親を追加するbody .jquery-ui-dialog .jquery-ui-button:hover {...}と、より具体的になり、競合するルールが上書きされます。

于 2012-10-04T13:18:57.297 に答える