Comment détruire/supprimer/supprimer la liaison d'un Flexslider

Il y a quelques discussions sur le github page en ce qui concerne la méthode destroy, et un couple de questions sur la pile, mais il n'a pas été une simple réponse ou de solution pour le moment, que j'ai pu trouver après beaucoup de recherche.

La version actuelle de flexslider http://www.woothemes.com/flexslider/ ne dispose pas d'une méthode destroy. Dans les notes qu'il dit que l'ancienne version 1.8 t, mais l'utilisation de cette méthode ne fonctionne pas.

J'ai besoin de séparer une flexslider élément appeler .flexslider() sur un autre élément que je ne veux pas plusieurs curseurs en cours d'exécution simultanément.

Comment puis-je faire cela? Remarque: la suppression de nav éléments, la suppression des classes, de déballage de l'UL et de retrait ".clone" li'de la s n'est pas assez bon! Je veux retourner complètement le curseur de l'élément à son état d'origine!

Droit maintenant, je clone le curseur avant l'initialisation de flexslider, puis utilisez .after() pour insérer le clone après le curseur, puis retirez le curseur. Mais cela semble être un très lourd approche de moi.

$projCur.addClass('flexslider').flexslider({
    animation: "slide",
    animationSpeed: 500,
    slideshow: false,
    manualControls: '.dot-nav li a'             
});

Merci!

modifier plugin ou utiliser le clone/remplaceavec méthode sont au sujet de votre seul choix OU passer à un autre plugin qui a des fonctionnalités dont vous avez besoin
Si vous venez avec quelque chose qui fonctionne s'il vous plaît laissez-nous savoir que je suis en train de vouloir faire la même chose.

OriginalL'auteur j-man86 | 2012-11-03

  1. 5

    Un Github utilisateur a soumis une demande d'extraction d'ajouter une méthode destroy pour le plugin.
    https://github.com/woothemes/FlexSlider/pull/771

    J'ai pris cette les utilisateurs de la version du plugin avec sa méthode destroy et il fonctionne très bien pour moi. Je l'ai eu à partir de https://github.com/bradgreens/FlexSlider/tree/release-2-2-0

    +1 espérons qu'il est fusionné à une certaine année!
    excellent travail de Brad. Vous avez m'a beaucoup aidé. Merci! Teegan, merci de trouver de Brad pull request 🙂
    Très utile... je souhaite juste qu'ils avaient dépêchez-vous de les fusionner.

    OriginalL'auteur

  2. 4

    Avez-vous essayé d'attacher et détacher? cela permet de garder l'état et même les événements de quoi que ce soit détaché.

    var flex = $('.flexslider').detach(); //detach
$('body').append(flex); //reattach
    Ne pouvez pas sembler obtenir que cela fonctionne. Essayé .empty() et .remove(), trop. Pas de chance.

    OriginalL'auteur

  3. 3

    La méthode destroy ne fonctionne jamais pour moi.

    La seule solution que j'ai trouvé (depuis la version actuelle 2.2.2) est de supprimer complètement le flexslider élément du DOM, puis de le rétablir.

    Quelque chose comme:

    $('.flexslider').remove();
//re-insert clean mark-up so flexslider can reset itself properly
$('.flexslider-container').append('<div class="flexslider"><ul class="slides"></ul></div>');

    Puis-je réinitialiser le flexslider à partir de zéro:

    var imglist = '<li><img ...></li><li><img ...></li>...';
$('.flexslider ul.slides').html(imglist);
$('.flexslider').flexslider({ 
    ...
});

    Je trouve aussi que cette méthode est plus fiable que l'ajout et la suppression des diapositives dans l'ordre pour obtenir le curseur pour mettre à jour lui-même.

    Avez-vous déjà partagé votre cas d'utilisation avec la méthode destroy "pas de travail?" Pouvez-vous confirmer votre base de code est exactement cloné à partir de github.com/bradgreens/FlexSlider/tree/release-2-2-0?
    retrait de widgets jQuery sans appel de la détruire() la méthode peut provoquer une fuite de mémoire. Lecteur méfiez-vous.
    Quelle est la détruire()?

    OriginalL'auteur