Externe jQuery plugin werkt niet meer na AngularJS

[NitSuA]

Ik heb mooie statics gemaakt waarbij ik gebruik maak van een externe carousel plugin (https://www.mobify.com/mobifyjs/modules/carousel-examples/)

De carousel toont per pagina een image, welke geplaatst is in <li> tags.

Wanneer ik echter deze elementen middels Angular uit een json haal (dynamisch maak), werkt mijn externe plugin niet meer.

Volgens mij komt dit erdoor omdat de plugin de elementen die door Angular zijn neergezet niet 'ziet', ze zitten niet in de DOM.

Dit kun je (volgens mij) oplossen door in de externe plugin de handlers te binden middels .on(), maar aangezien het best een forse plugin is die ik niet helemaal wil doorlopen / begrijp, weet iemand hier een goede oplossing voor?

[RM-rf]

je plugin zal best wel werken, maar bv de elementen binnen de class "m-carousel m-fluid m-carousel-photos" die toegevoegd worden nadat de document-ready() call al plaatsgevonden heeft, zullen niet meer extra events toegewezen krijgen

vermoedelijk zul je na de ajax-load een:

code:

 $('.m-accordion').accordion('unbind');
$('.m-accordion').accordion('bind');

moeten doen om deze weer toe te wijzen

[RobIII]

NitSuA schreef op maandag 25 augustus 2014 @ 15:38:
maar aangezien het best een forse plugin is die ik niet helemaal wil doorlopen

En dus moeten wij dat maar voor je doen dan

NitSuA schreef op maandag 25 augustus 2014 @ 15:38:
/ begrijp, weet iemand hier een goede oplossing voor?

Als je iets niet begrijpt kun je de documentatie erbij pakken of een concrete vraag stellen over wat je niet begrijpt en laten zien wat je zélf al geprobeerd/gezocht/gevonden hebt (per onze Quickstart). Maar Kan iemand even...?-topics zijn we hier dus niet verzot op, noch scriptrequests.