Question

I want to use hover function with live method but it is not working perfectly, I use mouseenter and mouseout but when I am moving mouse faster then mouseout event not working properly thats why i want use hover with live. here is example code

<a href="#" class="add">add Class</a><br>
<br>
<a href="#" id="me">hover me</a>    


$('.add').click(function(){
    $('#me').addClass('abc')
    })
    $('.abc').live('hover',  function () {
    alert(0)
    }, function (){
    alert(1)
    })

Answer 1

jQuery 1.4.1 and further versions supports "hover" for live() events, but only with one event handler function:

$(".abc").live("hover",
        function()
        {

        }
    );

Alternatively, you can provide two functions, one for mouseenter and one for mouseleave:

$(".abc").live({
        mouseenter:
           function()
           {
            alert(0);
           },
        mouseleave:
           function()
           {
            alert(1);
           }
       }
    );