Uncaught TypeError: Object [object Object] n'a pas de méthode 'lightBox'

Je reçois cette erreur lorsque vous essayez d'utiliser jQuery.LightBox:Uncaught TypeError: Object [object Object] n'a pas de méthode 'lightBox'

Uncaught TypeError: Object [object Object] has no method 'lightBox'

Voici un exemple vivant (reconstruction d'une conception de table divs, ne détestent pas).

http://www.builderpreviews32.com/photos.php

Et OUI, le fichier jQuery est référencé avant que le fichier jQuery.LightBox.

Voici mon code:

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><meta name='keywords' content=''> 
<meta name='description' content=''> 
<title></title> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

</head> 

    <link href="/common/styles/global.css" rel="stylesheet" type="text/css" /> 
<link href="/common/styles/lightbox.css" rel="stylesheet" type="text/css" /> 

<script src="/common/scripts/jquery-1.10.2.min.js"></script> 
<script src="/common/scripts/lightbox-2.6.min.js"></script> 
<body> 

    <div id="wrapper"> 
     <div id="header"> 
<a href="/"><img src="/common/images/lgo_lake.jpg" alt="Riss Lake Logo" /></a> 
<div id="nav"> 
    <nav> 
     <a href="/about.php">About Riss Lake</a> 
     <a href="/developer.php">Developer</a> 
     <a href="/developer.php">Communities</a> 
     <a href="/awards.php">Awards</a> 
     <a href="/areamap.php">Area Map</a> 
     <a href="/developer.php">Inventory</a> 
     <a href="/photos.php">Photos</a> 
     <a href="/builders.php">Builders</a> 
     <a href="/developer.php">Contact Us</a> 
     <a href="/areainfo.php">Area Information</a> 
    </nav> 
</div> <!-- End Nav --> 
</div> <!-- End Header -->   
     <div id="body"> 
      <!--MODULE:image_gallery.php|CACHE:main_photos--> 

      <div class="lightbox"> 
           <a href="/images/uploaded/115747639443725_poolside_sm.jpg"><img src="/images/uploaded/thumb_115747639443725_poolside_sm.jpg" alt="" 

                  width="150" 
                class="photo_edge" /></a> 
           <a href="/images/uploaded/115747639443725_poolside_sm.jpg"><img src="/images/uploaded/thumb_115747639443725_poolside_sm.jpg" alt="" 

                  width="150" 
                class="photo_edge" /></a> 
           <a href="/images/uploaded/115747639443725_poolside_sm.jpg"><img src="/images/uploaded/thumb_115747639443725_poolside_sm.jpg" alt="" 

                  width="150" 
                class="photo_edge" /></a> 
           <a href="/images/uploaded/960211759433150_002.jpg"><img src="/images/uploaded/thumb_960211759433150_002.jpg" alt="" 

                  width="150" 
                class="photo_edge" /></a> 
       </div> 
    <script type="text/javascript">$(function(){$('.lightbox a').lightBox();});</script> 

     </div> 

     <div id="footer">Copyright © 2003. <a href="/privacy.php">Privacy Policy</a> | <a href="/terms.php">Terms of Use</a></div>   
    </div> <!-- End Wrapper --> 

</body> 
</html>

Source

2013-08-06 Rick Bross

toute autre erreur dans la console, assurez-vous également que la bibliothèque est dans la visionneuse le bon chemin –

C'est le seul. La page en direct est liée ci-dessus. –

qui est le plugin utilisé –

Vous devez mettre le script inclut dans la section de tête

<link href="/common/styles/global.css" rel="stylesheet" type="text/css" /> 
<link href="/common/styles/lightbox.css" rel="stylesheet" type="text/css" /> 

<script src="/common/scripts/jquery-1.10.2.min.js"></script> 
<script src="/common/scripts/lightbox-2.6.min.js"></script>

Source

2013-08-06 13:40:13 DavidW

Le problème que je mélange mes lightboxes, haha. Merci pour ce conseil cependant. –

Peu de choses à résoudre le problème

Vérifiez votre script est chargé ou non en utilisant l'onglet source dans le débogueur du navigateur.
Essayez de placer le script immédiatement au-dessous de jQuery include car il dépend.

Vérifiez que vos balises de script sont fermées.

Ma première estimation est, il doit être dû à la mauvaise commande des scripts, si le script est correctement inclus et le chargement lorsque vous déboguez en utilisant le débogueur des navigateurs. J'ai également fait face à ce problème plus tôt.

Bonne chance mon pote et faites-moi savoir si ça marche.

Source

2013-08-06 13:32:29 Akki619

Cela ne m'aide pas du tout. Regardez le code, vous verrez que ce n'est pas le cas, et que j'ai déclaré que ce n'est pas le cas ci-dessus. –

Uncaught TypeError: Object [object Object] n'a pas de méthode 'lightBox'

Répondre

Questions connexes