2013-08-06 5 views
0

Я получаю эту ошибку при попытке использовать jQuery.LightBox:Uncaught TypeError: Object [объект Object] не имеет какого-либо метода 'Lightbox'

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

Вот живой пример (восстановление дизайн таблицы в дивы, не ненавижу).

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

И ДА, файл Jquery ссылается ДО файла jQuery.LightBox.

Вот мой код:

<!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> 
+0

любая другая ошибка в консоли, а также убедитесь, что библиотека Lightbox находится в правильном пути –

+0

Это единственный. Живая страница связана выше. –

+0

который является плагином –

ответ

0

Вы должны поместить сценарий включает в головной секции

<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> 
+0

Проблема, что я смешивал свои лайтбоксы, ха-ха. Спасибо за этот совет. –

1

Несколько вещей, чтобы решить этот вопрос

  1. Проверьте ваш скрипт загружается или не используя вкладку источника в браузере отладчика.
  2. Попробуйте поместить скрипт сразу под jQuery, поскольку он зависит.

Убедитесь, что теги скрипта закрыты.

Мое первоначальное предположение состоит в том, что это связано с неправильным упорядочением сценариев, если сценарий правильно включен и загружается при отладке с использованием отладчика браузеров. Я также столкнулся с этим вопросом ранее.

Удачи и дайте мне знать, если это сработает.

+0

Это не помогает мне вообще. Посмотрите на код, вы увидите, что это не так, и я заявил, что это не так. –