HTML table triggers mouseOut on mouse move between TDs

html, javascript, jquery

Solution

Use the jQuery Event API instead of the inline event triggering you use now. If you use the 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/

Problem

I have set mouseOut event handler on the table, but the event is triggered if I move the mouse over the TDs. How to prevent the table flicker between the TDs? http://jsfiddle.net/2ZRBx/

Original source