0
Ich habe ein einfaches Slick Karussell in einer Angular App, mit eckigen Slick. Immer wenn ich die App zum ersten Mal lade (mit der Ansicht, die das Slick-Karussell enthält), wird das Karussell korrekt angezeigt. Doch nach zu einer anderen Ansicht schalten und auf dem Karussell Slick Ansicht zurückkehren, bekomme ich folgende Fehlermeldung:Angular App neben jQuery Slick Ausgabe
TypeError: u.slick is not a function
das Karussell wie folgt aussieht:
<div class="col-sm-6 col-sm-offset-3 mainContent">
<div style="height: 50px; margin-bottom:70px;">
<slick class="slider multiple-items slick-slider" slides-to-scroll="1" slides-to-show="3" infinite="true" speed="3000" autoplay="true" init-onload="true">
<div ng-class="slick-slide" style="width: 187px;"><h3 class="text-center">1</h3></div>
<div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">2</h3></div>
<div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">3</h3></div>
<div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">4</h3></div>
<div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">5</h3></div>
<div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">6</h3></div>
</slick>
</div>
</div>
Gibt es einen Grund, warum die (ich glaube) jQuery-Plugin wird nach dem Ändern der Ansichten "verloren"?
Dank
Stellen Sie sicher, dass Sie nicht versehentlich mehr als eine Version von jQuery-Skript laden. Und dass Sie Angular-Skript nach dem jQuery-Skript laden. –
Vielen Dank für Ihren Vorschlag. Ich konnte keinen Code zum Laden eines zweiten jQuiery-Skripts finden. Ich habe Ihren zweiten Vorschlag umgesetzt und das jQuery-Plugin vor dem Angular Loading platziert. Leider hat das das Problem nicht gelöst. Ich entschied mich schließlich, die eckige Slick-Direktive zu ändern und die von DevMarc (https://github.com/devmark/angular-slick-carousel) entwickelte zu verwenden, die das Problem löste. – aplon
Ok, froh, dass du das Problem gelöst hast :) –