如何使用 Yarp 的 jQuery timeago 插件与 getjson&.html

Question

我尝试了一些方法，但没有机会： http://timeago.yarp.com/

$(function() {
$('abbr.timeago').timeago();
    $('.more').click(function() {
    $.getJSON('http://127.0.0.1:9987/test/c.php?callback=?', function(datas){
                $.each(datas, function(i, data) {       

                    $('.fdiv2 .fdtl').html('<abbr class="timeago"></abbr');             
            });         
        });
    $('.fdiv2 .fdtl').slideToggle(1000);
});

});

Answer 1

您必须对最近插入的元素重新初始化timeago。还缓存可缓存的内容（无需多次调用 $('.fdiv2 .fdtl') ）：

$(function() {
    var el = $('.fdiv2 .fdtl'); // cache the element
    $('abbr.timeago').timeago();
    $('.more').click(function() {
        $.getJSON('http://127.0.0.1:9987/test/c.php?callback=?', function(datas){
            $.each(datas, function(i, data) {
                el.html('<abbr class="timeago"></abbr>');
                el.find('abbr.timeago').timeago();
            });
        });
        el.slideToggle(1000);
    });
});

还要确保您确实应该迭代 datas - 如果它数组中始终包含一个元素，您可以将 $.each() 调用替换为 var data = datas[0];。如果它有更多元素并且您只想使用最后一个（看起来就是这种情况，但您没有向我们展示整个代码），那么您可以将其替换为 var data = datas[datas .length-1]; （这会将最后一个元素分配给 data 变量）。

Answer 2

尝试插入这行代码：

...
$('.fdiv2 .fdtl').html('<abbr class="timeago"></abbr');
$('abbr.timeago').timeago();
...