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

时间:2011-12-14 22:37:19

标签: javascript jquery-ui jquery

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

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

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

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

一切似乎都运转得很好。但是, #tweetlist 前面的 .newTweet 类具有相关的mouseover / mouseout功能,该功能在刷新页面之前不起作用。有办法解决这个问题吗?

3 个答案:

答案 0 :(得分:4)

没有看到你的实际脚本,特别是处理mouseover的部分,很难说。但我建议你需要在jQuery版本低于1.7的情况下使用on()(或delegate()):

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

delegate()

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

在jQuery 1.7中live()已被弃用,并由on()取代,建议在delegate()之前使用

  

从jQuery 1.7开始,不推荐使用.live()方法。使用.on()附加事件处理程序。旧版jQuery的用户应该使用.delegate()而不是.live()。 [引自:jQuery API reference for live()

答案 1 :(得分:1)

使用.live('mouseover',function(){});

答案 2 :(得分:0)

尝试:

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

这是.clone()文档。