時々 ajax を使用して動的な値をマーキーに更新しようとしています。このhttp://remysharp.com/2008/09/10/the-silky-smooth-marquee/に次のプラグインを使用しています
データは実際に更新されていますが、スクロール中にマーキーに更新されません。ブラウザを更新すると、更新された値が取得されます。これは、ajax の更新が正常に機能していることを意味します。ここで何が間違っているのでしょうか?進行中のデータのスクロールを停止せず、ブラウザを更新せずに更新を取得する必要があります。
$(document).ready(function() {
$(".scroll").marquee();
var i = setInterval(function (){
$.ajax({
type : "GET",
url : 'http://Data.xhtml',
dataType : "json",
success: function(data) {
var values = '';
$.each(data, function(i, item) {
values += '<span class=\'up\'>
<span class=\'quote\'>'+data[i].Data+'</span></span>';
$(".scroll").marquee(values);
});
},
return false;
}, 4000);
});
});
<div class="scroll">
<span class="up">
<span class="quote">default value</span>
</span>
</div>