Jquery无法悬停附加html

Question

我通过jquery.append将HTML附加到DOM中 - 我的脚本如下(请原谅蹩脚的代码)

myDiv = $("<div class='bottomright' title="+msgID+">"+msgTitle+msgContent+
"</div>").appendTo(document.body).fadeOut(0).slideDown('fast');
shown.push(msgID);

是否有一种不同的方式来解决悬停或追加(因为看着萤火虫,似乎div在那里好了,它们完美地出现)以便我可以使用悬停功能？

当我说我无法使用它时,我的意思是它实际上什么也没做,我写了以下内容并且没有任何反应:

$(".bottomright").hover(function(){
    alert("text")
})

Answer 1

hover 将两个函数作为参数:

第一个参数是当元素从鼠标获得焦点时要执行的函数.当元素从鼠标失去焦点时,第二个被触发.

-BUT-因为您正在动态生成这些元素,所以您需要使用live:

live不起作用hover,所以你被迫这样做:

$( '.bottomright' ).live( 'mouseover',  function() { alert( "in" ); } )
                   .live( 'mouseout', function() { alert( "out" ); } );