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.

par "état caché" voulez-vous dire display:none;? qu'advient-il si vous utilisez visibility:hidden; ?
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