javascript - 鼠标悬停在前置后不起作用

Question

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

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

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

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

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

Answer 1

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

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

或者使用delegate():

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

在 jQuery 1.7 中，live() 被弃用，取而代之的是 on()，在 1.7 之前推荐使用 delegate():

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live(). [Cited from: jQuery API reference for live().