シルキースムースマーキーjqueryプラグインにデータを更新する方法

Question

時々ajaxを使用して動的値をマーキーに更新しようとしています。 これに次のプラグインを使用しているIm 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> 

Answer 1

$(document).ready(function(){ 
$(".scroll").marquee(); 
var refreshId = setInterval(function() 
{ 
    $.ajax({ 
    type : "GET", 
    url : 'http://Data.xhtml', 
    dataType : "json", 
    success: function(data) { 
     data=eval(data); 
     $.each(data.Data, function(i) { 
     $(".quote").append('<span class=\'up\'><span class=\'quote\'>'+data.Data[i]+'</span> </span>'); 
     }); 
    } 
    }); 
}, 3000); 
}); 
<div class="scroll"> 
    <span class="up"> 
    <span class="quote">default value</span> 
    </span>