Question

我正在使用https://github.com/rmm5t/jquery-timeago

中的jQuery timeago插件

它在页面加载时工作正常，但我使用.load在模态窗口中生成一些内容，但它似乎不会影响它。

要初始化timeago，我有：

$(document).ready(function() {
    $('time.timeago').timeago();
});

这是我用来加载模态中的内容的jQuery：

$(document).ready(function () {

    // on click, serialize all form elements and insert/update database
    $('.comment').click(function (e) {

        e.preventDefault();
        var $this = $(this);
        var csrf = $('input[name=csrf_gpin]').val();
        var pin_id = $this.closest('.grid-box').attr('data-id');

        $('input[name=comment_pin_id]').val(pin_id);

        $("#modal-comment").reveal();

        // load all comments associated with pin
        $("#comments").load('/comment/pin', { 'csrf_gpin' : csrf, 'pin_id' : pin_id });

    });
});

加载内容中的HTML是：

<time class="timeago" datetime="2012-11-19T20:35:14+01:00" title="November 19, 2012">2 days ago</time>

如何重新初始化timeago以便它可以处理这个生成的内容？

Answer 1

尝试在加载完成后初始化timeago：

$("#comments").load('/comment/pin', 
           { 'csrf_gpin' : csrf, 'pin_id' : pin_id },
           function(){   //A callback function that is executed when the request completes
               $(this).find('time.timeago').timeago();   
           });

jQuery timeago用于使用.load生成的内容

1 个答案: