Uncaught Typeerror: $ (...) waterwheelCarousel ist keine Funktion

Ich bin neu in Jquery i Paar mit diesem Code Fehler bin immer kann u guys plz identifizieren es n

mein Problem Dank im Voraus beheben

hier. ist der Code. Ich bin ein Wasserrad Karussell Modell versucht, aber nicht in der Lage ist es

<!Doctype html> 
<html> 
<head> 
<title> this is jquery carousel</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.waterwheelCarousel.min.js"></script> 
</head> 
<script> 
    $(document).ready(function() { 
     var carousel = $("#carousel").waterwheelCarousel({ 
     flankingItems: 3, 
     }); 

     $('#prev').bind('click', function() { 
     carousel.prev(); 
     return false 
     }); 

     $('#next').bind('click', function() { 
     carousel.next(); 
     return false; 
     }); 
    }); 
</script> 
<body> 


    <div id="carousel"> 
     <img src="images/1.jpg" id="item-1"/> 
     <img src="images/2.jpg" id="item-2"/> 
     <img src="images/3.jpg" id="item-3"/> 
     <img src="images/4.jpg" id="item-4"/> 
     <img src="images/5.jpg" id="item-5"/> 
     <img src="images/6.jpg" id="item-6"/> 
    </div> 
    <a href="#" id="prev">Prev</a> 
    <a href="#" id="next">Next</a> 

</body> 
</html>

Quelle

2017-12-07 ambedkar barre

Aktualisieren Sie jQuery auf die neueste Version und überprüfen Sie dann, ob –

nicht funktioniert –

irgendein Fehler in der Browserkonsole? Sie können meine Antwort auch zu Hilfe nehmen –

1.Der jQuery höhere Version zu sehen.

2.Make sicher, dass jquery.waterwheelCarousel.min.js Pfad korrekt ist (sonst wird nicht inculded Datei-und Code wird nicht funktionieren)

Arbeitsbeispiel: -

$(document).ready(function() { 
 
    var carousel = $("#carousel").waterwheelCarousel({ 
 
    flankingItems: 3, 
 
    }); 
 

 
    $('#prev').bind('click', function() { 
 
    carousel.prev(); 
 
    return false 
 
    }); 
 

 
    $('#next').bind('click', function() { 
 
    carousel.next(); 
 
    return false; 
 
    }); 
 
});

<!Doctype html> 
 
<html> 
 
<head> 
 
<title> this is jquery carousel</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="https://www.jqueryscript.net/demo/jQuery-Waterwheel-Carousel-Plugin/js/jquery.waterwheelCarousel.min.js"></script> 
 
</head> 
 
<body> 
 
    <div id="carousel"> 
 
    <img src="https://www.jqueryscript.net/demo/jQuery-Waterwheel-Carousel-Plugin/images/1.jpg" id="item-1"/> 
 
    <img src="https://www.jqueryscript.net/demo/jQuery-Waterwheel-Carousel-Plugin/images/2.jpg" id="item-2"/> 
 
    <img src="https://www.jqueryscript.net/demo/jQuery-Waterwheel-Carousel-Plugin/images/3.jpg" id="item-3"/> 
 
    <img src="https://www.jqueryscript.net/demo/jQuery-Waterwheel-Carousel-Plugin/images/4.jpg" id="item-4"/> 
 
    <img src="https://www.jqueryscript.net/demo/jQuery-Waterwheel-Carousel-Plugin/images/5.jpg" id="item-5"/> 
 
    <img src="https://www.jqueryscript.net/demo/jQuery-Waterwheel-Carousel-Plugin/images/6.jpg" id="item-6"/> 
 
    </div> 
 
    <a href="#" id="prev">Prev</a> 
 
    <a href="#" id="next">Next</a> 
 

 
</body> 
 
</html>

Quelle

2017-12-07 07:54:30

danke es funktioniert jetzt gut –

Uncaught Typeerror: $ (...) waterwheelCarousel ist keine Funktion

Antwort

Verwandte Themen