Geek asks and answers

MouseOut HTML trigger table on mouse moves between TDs

I set the mouseOut event handler in the table, but the event fires if I move the mouse over TD. How to prevent table flicker between TD? http://jsfiddle.net/2ZRBx/

+3
source share
3 answers

Use the jQuery Event API instead of the built-in event trigger that you are using now. If you use jQuery API, it works correctly. Since you are using jQuery1.7.1:

jQuery(function($) {
    $("#t").on('mouseleave', function() {
        $(this).effect("pulsate", { times:1}, 200);
    });
}​);​

Example: http://jsfiddle.net/2ZRBx/6/

+5
source

Since you are using jQuery, I will remove the built-in JavaScript and do the following:

function go2() {
    $("#t").effect("pulsate", {
        times: 1
    }, 200);
}
$('#t').mouseleave(function() {
    go2();
});​

JsFiddle example .

+5
source

div, mouseout div.

+2

More articles:


All Articles