javascript - 悬停后鼠标悬停不起作用

我正在使用以下内容将新的推文添加到当前拥有的推文列表中

$(newTwet).clone().hide().prependTo('#tweetsList').slideDown();

newTweet是一个变量，其中包含来自POST请求的HTML代码。其中包含

<div class="newTweet">.........</div>

一切似乎都正常。但是，在 #tweetlist 之前的 .newTweet 类具有关联的鼠标悬停/鼠标移出功能，直到刷新页面后该功能才起作用。有没有办法解决这个问题？

最佳答案

没有看到您的实际脚本，尤其是处理mouseover的部分，这很难说。但我建议您需要使用on()(或jQuery版本低于1.7的delegate()):

$('#parentElementID').on('mouseover','.newTweet',
    function(){
        // do stuff
    });

或使用delegate():

$('#parentElementID').delegate('.newTweet','mouseover',
    function(){
        // do stuff
    });

在jQuery 1.7中，不推荐使用live()，并由on()代替，建议在1.7 delegate()之前使用: