jQuery Cycle plug-in ne générer des liens de téléavertisseur
-
27-09-2019 - |
Question
Celui-ci a été me rend perplexe sur un couple de sites récents, j'ai travaillé, et je devais finir par aller avec une autre solution, mais je suis déterminé à aller au fond de cette fois-ci.
Voici l'exemple de code de la page de démonstration ici: http://jquery.malsup.com /cycle/int2.html
$('#s4')
.before('<div id="nav">')
.cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 0,
pager: '#nav'
});
Et voici mon extrait assez similaire:
$(document).ready(function() {
$("#banners").before('<div id="banner-nav" class="nav"/>').cycle({
fx: 'fade',
speed: 1000,
pager: '.nav'
});
});
Le div de navigation est généré correctement comme un appel jQuery normal, mais il n'y a rien dedans, vide. Ce n'est pas un problème de CSS, parce qu'il n'y a pas de balisage généré du tout, je l'ai changé pour les différentes versions de jQuery 1.3.x - 1.4.x, j'ai changé l'élément conteneur à autre chose en plus d'un div, ul etc, et Je l'ai retiré de l'appel document.ready, et toujours pas de chance.
La solution
Le problème est résolu, si stupide, assurez-vous que vous utilisez jquery.cycle.ALL et aucune des autres versions plus légères car ils ne prennent pas en charge la fonction de recherche. Compréhension à la lecture échouent de ma part.
Autres conseils
Même si l'exemple le dit le code qu'ils utilisent dans leur web est:
$('#s4').before('<div id="nav" class="nav">').cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 0,
pager: '#nav'
});
Et je pense que le problème est probablement en utilisant une classe au lieu d'un identifiant dans le paramètre de téléavertisseur, essayez avec #banner-nav
dans votre code et voir si cela fonctionne ou non.