带有连续循环的jQuery Horizo​​ntal Ticker

Question

我使用的是jQuery自动收报机非常酷。它适用于预定义的内容，但我想通过$ .ajax方法从feed获取数据来动态构建我的标签。

http://progadv.uuuq.com/jStockTicker/

问题是，当我这样做时，自动收报机不会工作，因为看起来该函数可能在我的页面内容加载之前加载。有人可以想办法解决这个问题吗？

$(function() {
    $("#ticker").jStockTicker({interval: 45});
});

Answer 1

$(document).ready(function() {
 $("#ticker").jStockTicker({interval: 45});
});

Answer 2

您需要使用Ajax调用在success方法中调用jStockTicker函数，因为正如您所说，jStockTicker在将内容添加到页面之前计算滚动的维度。

$.ajax({
    url: 'ajax/test.html',
    success: function(data) {
      //Populate $('#ticker') with data here, e.g...
      $('#ticker').html(data);

      //Now call jStockTicker
      $("#ticker").jStockTicker({interval: 45});
    }
  });

这样的事情应该这样做。

富

Answer 3

我从未使用过jStockTicker;但是使用另一个插件，您可以动态更改数据。例如，对于jQuery webTicker，您只需使用javascript将列表项替换为内容，旋转将继续而不会停止。我在金融网站上使用过这种方法，就像魅力每隔几秒更新数据一样，以显示最新的汇率。每个项目自动完成滚动和尺寸标识;一旦它移出屏幕，它就会弹回到列表的末尾。所以列表不应该在任何时间点破坏

Answer 4

$("#ticker").jStockTicker({interval: 45});

从调用jStockticker里面的成功方法滚动停止并从开始重新开始。