Comment réinitialiser Owl Carousel après appel ajax
Je suis en train d'essayer de réinitialiser owl carousel après le succès de l'appel ajax. L'appel ajax va changer les données, mais la vue doit rester le même.Je rencontre un problème où la vue sur le carrousel de la structure) ne sera pas réinitialiser.Tout va bien au moment du chargement de la page.
im en utilisant la version 1.3.3
$(document).ready(function() {
$(".owl-carousel").owlCarousel({
items : 3
});
});
Appel Ajax
$.ajax({
type: 'get',
url: '/public/index',
dataType: 'script',
data: data_send,
success: function(data) {
$(".owl-carousel").owlCarousel({
items: 3
});
}
});
}
J'ai loupé quelque chose que je dois faire. J'ai regardé cette émission sur la page github et essayé les suggestions, mais en vain.
Toute aide appréciée
Modifier
des conseils donnés, j'ai créé ces deux fonctions
function owlCarousel() {
var owl = $(".owl-carousel");
//init carousel
owl.owlCarousel();
owl.data('owlCarousel').reinit({
items : 3
});
}
function destroyOwlCarousel() {
var owl = $(".owl-carousel");
//init carousel
owl.owlCarousel();
owl.data('owlCarousel').destroy();
}
}
Il semble fonctionner, mais vous demandez si c'est la bonne façon de le faire?
source d'informationauteur Richlewis
Vous devez vous connecter pour publier un commentaire.
L'exemple ci-dessous fonctionne.
De l'initialisation du carrousel:
Et lorsque vous utilisez l'ajax rappel, essayez:
- Je créer un violon pour vous expliquer comment ré-initialiser le carrousel: http://jsfiddle.net/s10bgckL/959/
PS: je n'ai pas de créer un éventail des options si vous voulez modifier certains paramètres comme la vitesse, la quantité d'éléments affichés, etc.
J'espère que cela aide.
Cela devrait vous aider:
Essayer
$(window).load()
au lieu dereinitialize
Essayer , sa existe pas dans chouette documention :
Je suis passé par le même problème et a essayé
reinit()
méthode, mais elle n'a pas de travail pour moi, donc j'ai essayé de le détruire et de le init de nouveau et cela a fonctionné.