Edit Question - KnowledgeHub

Title Body

I'm using jQuery to try and bind some newly loaded <li> elements with .hover() and I'm kind of stuck. At the moment I'm reloading the content in a <ul> with ajax and there's a hover event with .hover(); on the <li> . The hover event works perfectly on the non-ajax-loaded content of course. I know I can use mouseover / mouseout to bind the event with .live(); which is a good solution if it weren't for mouseover / mouseout bad habit to break the event if you hover a child element of the current element the mouseover is bound to. So the reason I'm using .hover(); is because I can freely hover the children of my hover-bound element without the event being cancelled. bind(); doesn't seem to work at all either, so my question is.. Is there any use in trying to get ajax loaded <li> events bound and keep the hover effect as a hover(); , or should I just roll over and use mouseover / mouseout with live(); and try and solve the hover children problem some other how? Success Message: success: function(data){ $('ul#list').bind().append("<li>test test</li>"); }

Tags (comma-separated) Cancel