Obtenir Uncaught TypeError: undefined n'est pas une fonction dans nivo slider.js

Je suis en train de mettre nivo-slider sur mon drupal page d'accueil. Bien que toutes les images apparaissent, mais ils ne sont pas de glissement et quand je vérifie consol, je vois une erreur dans nivo-slider.js fichier c'est à dire

"Uncaught TypeError: undefined is not a function"

Mon nivo-slider.js le code est-

(function ($) {
Drupal.behaviors.nivoSlider = {
attach: function (context, settings) {
//Initialize the slider
$('#slider').nivoSlider({ *//here I am getting error mentioned above*
'effect': Drupal.settings.nivo_slider.effect, //Specify sets like: 'fold,fade,sliceDown'
'slices': Drupal.settings.nivo_slider.slices, //For slice animations
'boxCols': Drupal.settings.nivo_slider.boxCols, //For box animations
'boxRows': Drupal.settings.nivo_slider.boxRows, //For box animations
'animSpeed': Drupal.settings.nivo_slider.animSpeed, //Slide transition speed
'pauseTime': Drupal.settings.nivo_slider.pauseTime, //How long each slide will show
'startSlide': Drupal.settings.nivo_slider.startSlide, //Set starting Slide (0 index)
'directionNav': Drupal.settings.nivo_slider.directionNav, //Next & Prev navigation
'directionNavHide': Drupal.settings.nivo_slider.directionNavHide, //Only show on hover
'controlNav': Drupal.settings.nivo_slider.controlNav, //1,2,3... navigation
'controlNavThumbs': Drupal.settings.nivo_slider.controlNavThumbs, //Use thumbnails for Control Nav
'pauseOnHover': Drupal.settings.nivo_slider.pauseOnHover, //Stop animation while hovering
'manualAdvance': Drupal.settings.nivo_slider.manualAdvance, //Force manual transitions
'prevText': Drupal.settings.nivo_slider.prevText, //Prev directionNav text
'nextText': Drupal.settings.nivo_slider.nextText, //Next directionNav text
'randomStart': Drupal.settings.nivo_slider.randomStart, //Start on a random slide
'beforeChange': Drupal.settings.nivo_slider.beforeChange, //Triggers before a slide transition
'afterChange': Drupal.settings.nivo_slider.afterChange, //Triggers after a slide transition
'slideshowEnd': Drupal.settings.nivo_slider.slideshowEnd, //Triggers after all slides have been shown
'lastSlide': Drupal.settings.nivo_slider.lastSlide, //Triggers when last slide is shown
'afterLoad': Drupal.settings.nivo_slider.afterLoad //Triggers when slider has loaded
});
}
};
}(jQuery));

M'aider à cherché cette erreur..merci!!

Pouvez-vous donner la ligne de l'erreur à partir de votre console ?
Semble bien, assurez-vous que vous avez importé le drupal nivo_slider plugin avant de l'exécuter.
Oui, j'ai importé dans le dossier du module.
Inclure jquery.js fichier principal premier en tête
Son JS erreur ,n'a rien à voir avec Rupal cadre
jquery.js est également inclus dans la section de la tête @pratique
ajouter la ligne dans le <head> sur la 1ère ligne, j'ai donné u de réponse.de nouveau
fournir capture d'écran de la Console d'erreur u arriver . N'hésitez pas à fournir autant de détails sur l'erreur que possible ,si vous voulez vraiment obtenir une réponse.
pourquoi avez-vous écrit le document.write(<script></script>) ?? Il suffit d'Écrire <script src="ajax.googleapis.com/ajax/libs/jquery/1.11.0/...> .AUCUN DOCUMENT.ÉCRIRE , U NE COMPRENEZ ? Vous êtes de PERDRE MON TEMPS 🙁
L'ensemble des solutions que vous m'avez fourni, je l'ai appliqué avant votre réponse moi même poster cette question ici (ci-dessus, on aussi), mais continue d'avoir d'erreur, M. Pratique.

InformationsquelleAutor shashank | 2014-04-18

1

Inclure jquery.js le fichier principal dans l'en-tête avant toute js
```
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
```
Lorsque vous utilisez deux différentes versions de jquery (qui n'est pas recommandé), vous pouvez utiliser
jQuery.noConflict
```
 api.jquery.com/jQuery.noConflict/
```
- Bien que j'ai déjà jquery.min.js en en-tête mais le remplacer par votre script, mais il ne fonctionne pas.
- fournir capture d'écran de la Console d'erreur u arriver . N'hésitez pas à fournir autant de détails sur l'erreur que possible ,si vous voulez vraiment obtenir une réponse.
- Vérifier mes mises à jour question..
- ses Fichiers js conflit api.jquery.com/jQuery.noConflict/ vérifier
- après l'ajout de $.noConflict(); maintenant, il montre Uncaught TypeError: Cannot read property 'noConflict' undefined.
- Bonjour s'il vous plaît donner l'URL de votre site,plz
- Je suis en train de faire sur mon localhost..
- Faire une chose , Sauver de cette page ,puis de Créer le dossier qui contiendra 1)HTML (que vous avez enregistré ) 2)le Dossier qui est créé automatiquement Contenant JS ,Images 3)Zip/RAR ce dossier ,et de m'envoyer un mail [email protected] .Je ne pense pas que cela peut être résolu ici comme il n'y a rien que je puisse le tester
InformationsquelleAutor Pratik
1

J'avais rencontré un problème similaire avant. Ce problème peut être résolu par l'utilisation de Jquery module de mise à Jour de Drupal 7 & réglage de la version de bibliothèque jquery à 1,9 & ci-dessus.

Ne laissez-moi savoir en cas de doutes
- J'ai eu cette erreur, mais à l'aide de jquery mise à jour n'a pas aidé. Avez-vous des idées?
InformationsquelleAutor Amey Mudras
0

Veuillez également noter que dans Drupal vous ne devez jamais ajouter de la bibliothèque Jquery explicitement, car de base de Drupal par défaut ajoute une bibliothèque jquery.

Lorsque vous essayez d'ajouter un jquery.js dans la tête
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Il y aura 2 bibliothèques jquery maintenant & qui seront en conflit.

Nous avons donc besoin d'utiliser jquery module de mise à jour de mise à niveau de la bibliothèque

InformationsquelleAutor Amey Mudras

Un autre candidat probable parle avec jQuery $ (dollar):

  $(document).ready(function(){
//Target your .container, .wrapper, .post, etc.
$("#main-content").fitVids();
});

Si vous utilisez plutôt l'absence de conflit de référence dans votre script, comme ci-dessous, ce qui pourrait résoudre l'erreur

jQuery(document).ready(function(){
//Target your .container, .wrapper, .post, etc.
jQuery("#main-content").fitVids();
});

InformationsquelleAutor autopoietic

0

Je viens de tomber sur certains problèmes de configuration Nivo Vue Curseur sur Drupal 7.
Je n'ai pas lu le module de documentation au premier abord mais il semble que Nivo Curseur de la bibliothèque n'est pas inclus dans le package, vous devez le télécharger manuellement sur votre serveur.
Voici la documentation : https://www.drupal.org/project/views_nivo_slider
Pour résumer :
1. installer/activer la Bibliothèque API
2. télécharger Nivo Slider libs de https://github.com/gilbitron/Nivo-Slider/downloads
3. décompressez l'archive dans sites/all/libraries/nivo-slider
À l'étape 2, vous aurez à choisir entre la version 2.x ou 3.x
Sur le projet du module page, il est dit que la version 3.x peut être rompu sur Google Chrome, je n'ai pas de problème moi-même...

InformationsquelleAutor paulgv

Vous devez vous connecter pour publier un commentaire.