Livestamp.js jQuery経由で手動でトリガー

Question

私はLivestamp.js（http://mattbradley.github.io/livestampjs/）という自動タイムアゴプラグインの1つを使用しています。これに

<span data-livestamp="1488615741"></span>

：すべての時間間隔で

<span>8 minutes ago</span>

これを自動的に変換するmoment.jsと協力しているようです。

最終的に自動的に変換される前に数ミリ秒でグリッチが観測されるので、私はそれが気に入らない。そのため、jQueryを使用して手動で実行したいので、.append()を実行した場合は、すぐに<span>に変換します。

私はこの

$('div').append(data).promise().done(function() { 
    $(this).find('span[data-livestamp]').livestamp($(this).data('livestamp')); 
}); 

を行うことを試みた。しかし、それは動作しません。 <span>は実際にすぐに変換されますが、実際には6日前に「数秒前」に変換されます。

これを行う方法は？

更新は、コードをより簡単に変更しました。

Answer 1

$(this).data('livestamp')において、$(this)は間違ったオブジェクトを指します。代わりに、家畜の上を.eachで繰り返します。あなたは遅れを持っている場合は、jQueryの必要があります

：

$('div').append(data).promise().done(function() { 
    $(this).find('span[data-livestamp]').each(function() { 
     $(this).livestamp($(this).data('livestamp')); 
    }); 
}); 

---

前答え（関係ありません、コメントが示されているよう）：.each(function() {...})の内部では、thisはLivestampスパンを指しますコードが適用される前の同様の遅延。

クライアント側のJavaScriptはすべてこの方法で動作します。つまり、JavaScriptはページに埋め込まれているため、ブラウザはまずページを読み込み、そのページでJavaScriptを読み込んで実行します。 JavaScriptを実行する前に、古い状態に気付くでしょう。このHTMLが提供されるように

代わりに、遅延を回避するために、サーバー側の言語を経由して、デフォルト値を提供します。

<span data-livestamp="1488615741">8 minutes ago</span> 

もちろん、あなただけの「8分前」と書くことができませんPHPなどのサーバー側言語を使用して事前定義された値を生成する必要があります。たとえば、あなたのページがあなたの変数が$time命名され、PHPで生成され、そしてあなたがphp-time-agoを使用している場合は、あなたが書くことができる：Livestampが動作を開始する前に、この方法で

<?php $timeAgo = new Westsworld\TimeAgo(); ?> 
<span data-livestamp="<?= $time; ?>"><?= $timeAgo->inWords('@' . $time); ?></span> 

、PHPで生成されたテキストが表示されますJavaScriptコードは時間参照を最新の状態に保ちます。

もちろん、別のサーバー側言語、異なる変数名、および異なるライブラリを使用することになります。これは単なる例です。