TypeError: $(...).owlCarousel n'est pas une fonction

Je vais avoir des ennuis ajout de ce carrousel à mon prestashop template.

Il me renvoie l'erreur suivante:

TypeError: $(...).owlCarousel n'est pas une fonction
navigation : vrai

Et l'utilisation de code pour initialiser c'est celle

$(document).ready(function() {
  $("#owl-demo").owlCarousel({
    navigation : true
  });
});

Je suis en train d'essayer de le résoudre, mais il semble impossible, puisque sur une zone vide de la page html ça marche, mais pas quand je l'utilise sur le Prestashop.

La moindre idée?

Grâce.

OriginalL'auteur Xavi Alsina | 2014-02-09

  1. 13

    Ajouter owl.carousel.min.js fichier dans votre page d'accueil et avant que le fichier dans lequel vous utilisez ajoutez le code suivant: 

    $("#owl-demo").owlCarousel({
    navigation : true
  });

    Alors seulement il va travailler.

    sa ne fonctionne toujours pas...

    OriginalL'auteur Manoj Verma

  2. 2

    Vous obtiendrez cette erreur si le fichier jquery est en cours de chargement après le owl carousel fichier.

    (Assurez-vous que votre référence à jquery est au-dessus de la chouette carrousel de référence de fichier js)

    Merci pour le démarrage de cette réponse. Essayez d'offrir un aperçu sur l'endroit où ils pourraient chercher le problème et comment ils peuvent résoudre le problème.

    OriginalL'auteur Tom

  3. 2

    Si les fichiers JavaScript de chargement est affectée par une certaine latence, vous pouvez vérifier si la fonction est définie avant de l'appeler.

    Vérifier avec jQuery.isFunction

    if($.isFunction('owlCarousel')){
  $("#owl-demo").owlCarousel({
    navigation : true
  });
}

    Vérifier avec JavaScript opérateur typeof

    if(typeof owlCarousel === 'function') { 
  $("#owl-demo").owlCarousel({
    navigation : true
  });
}

    OriginalL'auteur Nolwennig

  4. 1

    Essayez d'utiliser {literal} {/literal} balises. Il est généralement reccomanded de mettre du javascript à l'intérieur de ces balises .fichiers tpl (smarty) . Javascript peut fonctionner sans les balises, mais peut parfois renvoyer une erreur ( comme dans votre cas )

    BR

    J'ai aussi essayé cela, mais conserve sans travail. Il ne cesse de me retourner moi, la même erreur.
    comment êtes-vous tirant sur le js dans le fichier ? Êtes-vous à l'aide de pretsatshop déterminé des voies dans les .php (quelle que soit la base/le fichier du module est l'affichage d'ur .le fichier tpl) fichier ? L'exemple est ici: $this->contexte->contrôleur->addJS(($this->_path).'views/js/YOUR.js');
    Je suis juste en ajoutant le script entre <script> balises d'en-tête.tpl
    Allez-vous utiliser le script sur chaque page ? Et même alors, vous devriez toujours ajouter des comme ça ( si vous l'utilisez à l'intérieur d'un module , par exemple ) Dans votre cas, prestashop va charger le script à chaque fois, même quand il n'est pas utilisé.
    Je veux juste l'utiliser dans la page d'accueil (dans le cas contraire, merci de me prévenir sur ce sera affiché sur chaque page). Donc je vais devoir ajouter le script de prestashop sur le .php chemin et ajouter le script? Et que dire de la date de début de la fonction? Sur le fichier php? Ou je vais devoir faire un autre fichier JS avec la fonction?

    OriginalL'auteur user2831723

  5. 0

    Ajouter Votre Jquery fichier et owl.js fichier d'en-tête de section

    OriginalL'auteur Gowthaman

  6. 0

    La raison parfois html exécuté de script en ligne avant de script externe chargé parfaitement.
    Je reçois solution par cette voie .
    J'ai juste ajouté reporter attribut à mon owl.carouselsource appeler comme ..

    <script defer src="plugins/OwlCarousel2.3/owl.carousel.min.js"></script>

    De la Documentation sur attribut defer --> att_script_defer-lien

    OriginalL'auteur MD Ashik