ZoomBox Undefined is not a function

Par Pierre Ftn, il y a 11 ans

Javascript

Bonjour j'ai crée un petit système avec zoombox de la manière suivante :

Code HTML ( mes liens ) :

<a href="img/slider1.jpg" class="zoombox"><img class="slider_loc_item" src="img/slider1.jpg"></a>

Mes Scripts :

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> <!-- ZoomBox --> <script type="js/zoombox.js"></script> <!--OwlCarousel --> <script src="js/owlCarousel/owl.carousel.min.js"></script> <!-- Mon Javascript --> <script src="app.js"></script>

Mon Fichier App.js

$(document).ready(function(){ $("#main_slider").owlCarousel({ autoPlay : 7000, pagination:true, singleItem : true, autoHeight : true, transitionStyle:"fade" }); $('#slider_loc').owlCarousel({ pagination:false, autoPlay:7000, navigation:false, itemsDesktop:5, itemsTablet:3, itemsMobile:2, }); $('a.zoombox').zoombox({ theme : "simple", duration :300, animation :true, gallery:false, autoplay:false, }); });

Je vois pas d'erreur et pourtant ça ne fonctionne pas et dans la console j'ai : Undefined is not a function pour la ligne : $('a.zoombox').zoombox(function(){ ...

et ceci :
(anonymous function)jquery.min.js:2 jjquery.min.js:2 k.fireWithjquery.min.js:2 m.extend.readyjquery.min.js:2 J

Merci d'avance

3 réponses

Spiker, il y a 11 ans
<script type="js/zoombox.js"></script>

Tu as tapé "type" et non src, ton fichier n'est pas correctement chargé !

Correction:

<script type="text/javascript" src="js/zoombox.js"></script>
Pierre Ftn, il y a 11 ans

Ah merci beaucoup j'avais pas vu du tout , comme quoi c'est souvent des erreurs bêtes

Lartak, il y a 11 ans

Ce n'est pas la seule erreur que tu as dans tes appels js, il y a aussi ça :

<script src="<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>"></script>

à remplacer par :

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>