Comment re-rendre owl carousel article?
Bien, je suis en utilisant un owl-carrousel-2 plugin maintenant.
Et je rencontre le problème suivant:
Le code de balisage:
<div class="owl-carousel" style="display: none;">
<div class="item"><img src="..." /></div>
<div class="item"><img src="..." /></div>
<!-- ... -->
<div class="item"><img src="..." /></div>
</div>
<script>
$(function() {
var $owl = $('.owl-carousel');
$owl.owlCarousel();
//Doing many things here.
$owl.show();
});
</script>
Le problème est:
Lorsque j'initialise avec la $owl.owlCarousel();
déclaration, en vertu d'un état caché, sa taille n'est pas initialisé.
Alors, quand j'montrent que le contrôle, le contrôle affiche dans un désordre!
Mais quand j'ai redimensionner la fenêtre, il semblait être le déclenchement d'un nouveau rendu. Le contrôle de rendre le contenu, puis affiche bien.
Alors je me demandais si il existe un moyen de déclencher cette re-rendre (ou actualiser) la méthode sur elle.
Afin de s'assurer le contrôle n'est pas afficher dans un désordre.
J'ai essayé de lire les documents et les sources, mais pas encore une bonne solution.
S'il vous plaît aider.
Oui, en display: none. Mais ce que je veux vraiment, c'est la façon de déclencher une rerender.
OriginalL'auteur Alfred Huang | 2015-01-14
Vous devez vous connecter pour publier un commentaire.
J'ai trouvé un laid, sale solution. De toute façon, il a travaillé:
Procédure principale:
Il a travaillé, mais de telle façon sale. En espérant voir une meilleure, solution élégante.
OriginalL'auteur Alfred Huang
Cela fonctionne pour moi:
Plus d'informations: http://owlgraphic.com/owlcarousel/demos/manipulations.html
Notez que le ci-dessus ne fonctionne que pour owlCarousel v1 (L'OP est à l'aide de la v2).
le lien est cassé
OriginalL'auteur mstuercke
A couru dans le même problème avec les OP. J'ai réussi à le faire fonctionner en enlevant d'abord la
owl-loaded
classe. Puis sur le rendu, déclencher un événement d'actualisation après re-ajout de la classe.OriginalL'auteur J_Y
C'est ma solution, basée sur fish_ball malin de solution de contournement:
OriginalL'auteur Cuddlehead
Comme pour 2.0.0-bêta.2.4 ce qui fonctionne pour moi:
OriginalL'auteur Ruslan Belziuk
Avec Owl Carousel 2 vous réinitialisez comme suit:
voir ce problème.
OriginalL'auteur ummdorian
Avez-vous lu la documentation du plugin que vous utilisez, parce que les owl carousel est une actualisation de la méthode lorsque vous souhaitez mettre à jour le carrousel.
La docs sont ici pour les événements
comment allez-vous l'appeler?
$chouette.trigger('refresh.owl.carrousel');
Je vais appeler cela ainsi et ça ne fonctionne pas.
OriginalL'auteur atmd