0

これが私のスクリプトです：http://jsfiddle.net/w3kXj/2/

.terms-of-useご覧のとおり、チェックボックスの入力で、ホバー時に div が表示されるようにしようとしています。ただし、div の動作は非常に予測不可能です。特に下からマウスオーバーすると、ホバー時にまったく表示されないことがあります。一体何が起こっているのですか？誰でも助けることができますか？

4

4 に答える 4

3

stop(true,true) .stop()を使用して、div フェードアウトの問題を修正しますが、それでも少し奇妙に動作します。

$(function(){
// email results page tooltip hover
    $('.terms-of-use').hide();
    $('.agree-statement, .terms-of-use').hover(function(){
        $('.terms-of-use').stop(true,true).fadeToggle(); 
    });   
});​

http://jsfiddle.net/w3kXj/5/

このプラグインhoverintentを使用することをお勧めします

于 2012-08-01T20:24:32.830 に答える
1

意図は、両方の要素を別々にではなく、フィールドセット全体にリスナーをバインドすることであるべきだと思います。

http://jsfiddle.net/jomikr/w3kXj/10/

于 2012-08-01T20:33:37.380 に答える
1

ツールヒント トリガーとツールヒント自体の両方でホバーとホバー アウトをリッスンすることで、多くの問題が発生する可能性があります。解決策は次のとおりです。

  • mouseenterオンのみをリッスンする.agree-statement
  • mouseleaveの両方でリッスンし.agree-statement、.terms-of-use
  • mouseleaveハンドラーでは、ツールチップ自体でない場合にのみ非表示にします。toElement
于 2012-08-01T20:25:28.553 に答える
0

少し上手に操作することができました。

http://jsfiddle.net/w3kXj/9/

于 2012-08-01T20:31:37.377 に答える