javascript - Jquery 无法悬停追加 html

Question

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

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

是否有不同的方法来解决悬停或 append 问题(因为查看 firebug，似乎 div 可以正常进入那里，并且它们显示得很好)，以便我可以使用悬停功能？

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

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

Answer 1

hover 采用两个函数作为参数:

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

-但是-由于您是动态生成这些元素，因此需要使用 live :

live 不适用于 hover，因此您被迫执行此操作:

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