jquery UIがホバー上で点滅するのを防ぐ

I'm using jQuery UI Dialog control to display a pop-up on hover of a span. The popup constantly flickers as I move the mouse within the span. I understand jQuery is firing mouseout & mouseover rapidly even though the pointer is still within the span. How do I fix it? Here's the code -

 
  • Score: @Model.Score
  • $('#dialog-score').dialog({ autoOpen: false, modal: true, width: 200, height: 150 }); $("#score").mouseenter(function() { $('#dialog-score').dialog('open'); }); $("#score").mouseleave(function() { $('#dialog-score').dialog('close'); });

    私も試みた -

    $('#promptitude').hover(function() {
        $('#dialog-promptitude').dialog('open');
    }, function() {
        $('#dialog-promptitude').dialog('close');
    });
    

    運がない。どんな助けでも大歓迎です。ありがとう!

    1
    ちらつきはどういう意味ですか?
    追加された 著者 aWebDeveloper,
    申し訳ありませんが私は明確でない場合。このダイアログボックスはすばやく表示され、非表示になります。それは見えない。
    追加された 著者 tempid,

    2 答え

    モーダルオーバーレイが余分なイベントを引き起こしています。ダイアログをモーダルにする必要はないでしょう。ダイアログが開かれている間、ユーザーがページ上の何かとやりとりすることができる2つの方法があります:

    1. マウスをどこか別の場所に移動して何かをクリックします。
    2. キーボードで他のものに移動します。

    (1)がmouseleaveをトリガーするので、問題ではありません。

    (2) may or may not be an issue depending on what's on the page. If it is an issue then you could bind a keydown handler to the <body> that would close the dialog and unbind itself, something like this:

    function close_dialog() {
        $('#dialog-score').dialog('close');
        $('body').off('keydown', close_dialog);
        return true;
    }
    
    $('#score').hover(function() {
        $('body').on('keydown', close_dialog);
        $('#dialog-score').dialog('open');
    }, function() {
        $('#dialog-score').dialog('close');
        $('body').off('keydown', close_dialog);
    });
    

    Demo: http://jsfiddle.net/ambiguous/Wrgu2/

    0
    追加された
    説明と例をありがとう!
    追加された 著者 tempid,

    このコードを追加してみてください

    $('#promptitude').mouseout(function(e){
      e.preventDefault();
    });
    

    これにより、デフォルトのアクションが実行されなくなります。

    0
    追加された
    私は何も変わらないのではないかと心配しています。
    追加された 著者 tempid,