Question

I would like to set an attribute for a div. I have done this:

$('#row-img_1').onmouseover = function (){ alert('foo'); };
$('#row-img_2').onmouseout = function (){ alert('foo2'); };

However, the above has not worked, it does not alert when mouse is over or when it moves out.

I have also tried the $('#row-img_1').attr(); and I could not get this to work either.

I am aware that I should be using a more effective event handling system but my divs are dynamically generated. Plus this is a small project. 😉

Thanks all for any help.

Answer 1

$('#row-img_1').bind('mouseenter', function(event){
    // event handler for mouseenter
});

$('#row-img_1').bind('mouseleave', function(event){
    // event handler for mouseleave
});

or use jQuerys hover event which effectivly does the same

 $('#row-img_1').hover(function(){
    // event handler for mouseenter
 }, function(){
    // event handler for mouseleave

 });