Горизонтальный тикер jQuery с непрерывным циклом

Question

Я использую тикер jQuery, который довольно крутой. Он хорошо работает с предопределенным контентом, но я хочу динамически создавать свои теги, получая данные из канала с помощью метода $ .ajax.

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

Проблема в том, что когда я делаю это, тикер не работает, так как похоже, что функция может загружаться до загрузки содержимого моей страницы. Кто-нибудь может придумать способ обойти это?

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

Answer 1

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

после вызова метода jStockticker внутри success прокрутка останавливается и перезапускается с начала.

Answer 2

Вам необходимо вызвать функцию jStockTicker из метода успеха с помощью вызова Ajax, потому что, как вы говорите, 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});
    }
  });

Что-то подобное должно делать это.

Rich

Answer 3

Я никогда не использовал jStockTicker; однако с другим плагином вы можете изменять данные динамически. Например, для jQuery webTicker вы можете просто заменить содержимое элементами списка, используя javascript, и вращение будет продолжаться без остановки. Я использовал этот метод на финансовом веб-сайте и работает как брелок, обновляя данные каждые несколько секунд, чтобы показать последние курсы обмена. Прокрутка и размеры идентификатора выполняются автоматически для каждого элемента; как только он выходит за пределы экрана, он возвращается в конец списка. Таким образом, список не должен прерываться в любой момент времени

Answer 4

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