2013-08-06 78 views
0

我正在嘗試使用jQuery.LightBox當這個錯誤:遺漏的類型錯誤:對象的翻譯:有沒有方法「收藏夾」

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

這是一個活生生的例子(重建在表設計div的,不恨):

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

在控制檯中的任何其他錯誤,並且確保其收藏庫是在正確的道路 –

+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

這根本不幫助我。看看代碼,你會發現情況並非如此,而且我表示並非如此。 –

相關問題