jQuery Horizontal Ticker avec boucle continue

Question

J'utilise un ticker jQuery qui est plutôt cool. Cela fonctionne bien avec le contenu prédéfini, mais je veux créer mes balises dynamiquement en obtenant les données d'un flux via la méthode $ .ajax.

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

Le problème est quand je fais le travail de coutume ticker, car il semble que la fonction peut être charger avant mon contenu de la page chargée. Quelqu'un peut-il penser à un moyen de contourner cela?

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

Answer 1

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

Answer 2

Vous devez appeler la fonction jStockTicker à partir de la méthode de succès avec l'appel Ajax, parce que, comme vous dites, jStockTicker calcule les dimensions pour le défilement avant que le contenu a été ajouté à la page.

$.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}); 
    } 
    }); 

Quelque chose comme ça devrait le faire.

Rich

Answer 3

Je n'ai jamais utilisé le jStockTicker; Cependant, avec un autre plugin, vous pouvez modifier les données dynamiquement. Par exemple pour le jQuery webTicker vous pouvez simplement remplacer le contenu avec les éléments de la liste en utilisant javascript et la rotation se poursuivra sans interruption. J'ai utilisé cette méthode sur un site Web financier et fonctionne comme un charme mettant à jour les données toutes les quelques secondes pour montrer les derniers taux de change. Le défilement et les dimensions sont automatiquement définis par article Une fois sorti de l'écran, il revient à la fin de la liste. Donc, la liste ne doit pas se rompre à tout moment

Answer 4

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

d'appeler la méthode jStockticker à l'intérieur du succès des arrêts de défilement et redémarre à partir du début.