html - 如何将更新的数据获取到丝般光滑的选框 jquery 插件

Question

我试图通过不时使用 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>

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>