jQuery Mouseover / Mouseout 不适用于 Live

Question

I have code that when I do an ajax call, it refreshes a column but then the mouseover no longer works. I used to have it inline in the div but wanted to move it to jQuery for other reasons. this is my code.

$(".statusbox").live({mouseover:function(){
    wal_id = parseInt(this.id.replace("statuscontainer_", ""));
    $('#rm_'+wal_id).show();
},mouseout:function(){
    wal_id = parseInt(this.id.replace("statuscontainer_", ""));
    $('#rm_'+wal_id).hide();}
});

Any ideas?

Answer 1

This is the correct syntax for live:

$(".statusbox").live( 'mouseover', function() {} );

Answer 2

Try

$(".statusbox").live( 'mouseover', function() {
    wal_id = parseInt(this.id.replace("statuscontainer_", ""));
    $('#rm_'+wal_id).show();
}).live('mouseout', function() {
    wal_id = parseInt(this.id.replace("statuscontainer_", ""));
    $('#rm_'+wal_id).hide();}
});

Answer 3

Try this:

$(".statusbox").live("hover", function(){
   ...
}, function(){
   ...
});