新增的类不适用于在DOM Ready上加载的类

时间:2014-12-03 12:24:50

标签: javascript jquery ajax

我正在使用 timeago.js ,这是一个jQuery插件,用于显示文章已发布2 minutes ago

HTML:

<p> Articles <span class='post-time' title='2014-12-03 13:42'></span> </p>

jQuery的:

$('.post-time').each(function(){
    var $this = $( this );
    $this.timeago();
})

这适用于在DOM上加载的类,我的结果如下所示:

第一篇文章:不到1分钟前

第二篇文章: 4分钟前

第三篇文章: 1小时前

但是通过AJAX加载的那些不起作用。他们没有任何表现。

我该怎么做才能让它发挥作用?

1 个答案:

答案 0 :(得分:1)

快速建议是:

$.ajax({
     ...
     success:function(){
       // code for prepending
       $('.post-time:first').timeago();
     },
     complete:function(){
        // even you can call it here too.
     }
});

创建一个全局函数并在你的ajax成功中调用它:

function setTimeago(){
    $('.post-time').each(function(){
        var $this = $( this );
        $this.timeago();
    });
}

$.ajax({
     ...
     success:function(){
       // code for prepending
       setTimeago(); // call here then
     },
     complete:function(){
        // even you can call it here too.
     }
});