jQuery-slick (Karussell) - plugin funktioniert nicht
Ich versuche, das jQuery-plugin ( http://kenwheeler.github.io/slick/ ) auf einem Karussell. Ich habe versucht, viele verschiedene plugins, aber ich habe immer Gesicht irgendeine Art von Fehler. Also, ich bin mit diesem stecken, bis ich herausfinden, was falsch ist.
Hier ist mein HTML-Kopf:
<head>
<!--[if lt IE 9]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
<![endif]-->
<meta charset='utf-8' />
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link type="text/css" href="slick/slick.
<script type=" text/javascript " src="slick/slick.min.js "></script>
<script type="text/javascript " src='/js/carousel.js'></script>
</head>
Wenn ich es versuchte, ich bekam eine "Uncaught TypeError: undefined ist nicht eine Funktion" auf Linie zu meiner JS, wo ich die Funktion aufrufen 'glatt'. Hier ist es, wo ich es nennen:
<div class="slider single-items"><div></div><div></div><div></div></div>
Und hier ist meine carousel.js:
$(document).ready(function () {
$('.single-item').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true
});
});
InformationsquelleAutor Carlos | 2014-06-26
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wählen Sie
$('.single-item')
, aber Ihre markup-Elemente mit der Klassesingle-items
(mit einem "s" am Ende). Die Annahme dieser eingefügte code korrekt ist, wird Ihre jQuery sollte geändert werden, um$('.single-items')
.JSFiddle: http://jsfiddle.net/N6wfG/
Wählen Sie
$('.single-item')
, aber Ihre markup-Elemente mit der Klassesingle-items
(mit einem "s" am Ende). Die Annahme dieser eingefügte code korrekt ist, wird Ihre jQuery sollte geändert werden, um$('.single-items').slick
.Nein, das nicht. Korrigiert habe ich es, aber der Fehler weiterhin Auftritt.
Gut, es funktioniert mit den oben genannten änderungen, wie gesehen werden kann in diesem fiddle: jsfiddle.net/N6wfG Dann wird der Fehler irgendwo anders. Poste mehr code, wenn Sie wollen.
Ich fand das problem, die html-Seite geladen hat, zwei verschiedene jquery-Dateien, die ich nicht bewusst war. Gefunden, dass das Lesen alle geladenen Dateien mit den chrome developer tools. Die zweite war eine ältere version, nicht unterstützt durch slick-plugin. Ich entfernte die ältere version, und es funktionierte. Vielen Dank für Ihre Hilfe!
InformationsquelleAutor Kristoffer Jälén
Ich hatte ähnliches problem, aber in meinem Fall Frage war folgende:
Hatte ich installiert slick von
bower install slick
stattbower install slick.js
das verursacht, dass hatte ich Total andere Bibliothek enthalten, in meinen Abhängigkeiten.Ich bin froh zu helfen 🙂
Oh Mann ich Tat das gleiche und war es treibt mich batty. Danke für den Tipp!
InformationsquelleAutor css-candies