prettyphoto undefined不是函數

我試圖安裝prettyPhoto燈箱在我的網站上，我不斷收到它們相同的錯誤。在控制檯下面的代碼生成此錯誤prettyphoto undefined不是函數

"undefined is not a function" 

    <script type="text/javascript" charset="utf-8"> 
     $(document).ready(function(){ 
     $("a[rel^='prettyPhoto']").prettyPhoto(); 
     }); 
    </script>

線18

我已經試過了在頁腳和頭，都可以導致同樣的問題，燈箱不加載。

這裏是我的頭標記的文件...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> 
    <script src="<?php bloginfo('template_directory'); ?>/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

我的網站是www.jessicadraws.com

任何想法？

戴夫。

來源

2015-02-11 Dave Morgan

順便說一句，你有沒有包括prettyPhoto JS ..？ – 2015-02-11 10:43:49

似乎無法找到prettyPhoto.js文件，那麼prettyPhoto（）函數未定義。你在哪裏包括prettyPhoto腳本？ – Kangcor 2015-02-11 10:43:54

它包含在頭標記 – 2015-02-11 10:45:14

你的頁面加載3個版本的jQuery。這可能會導致其他插件的問題。漂亮的照片加載罰款 - 它只是加載到jQuery的1.9

我可以在devtools運行此看到：

var jquery162 = $.noConflict(true); 
> undefined 
$.fn.jquery 
> "1.9.0" 
$.prettyPhoto 
> Object {version: "3.1.5"}

爲了解決這個問題不會簡單不幸的是，你需要決定你正在使用哪個版本的jQuery，並停止加載其餘的。

對於參考<head>要裝入：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>

PrettyPhoto只是這些後裝在頭上。

在你<body>：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

來源

2015-02-11 10:54:56

偉大的修復它謝謝你，但它是我的頭菜單。有沒有辦法解決？看起來像標題菜單需要 – 2015-02-11 11:00:39

我會建議你使用了你已經加載的最低版本的jQuery，然後嘗試按照你的方式工作。 – 2015-02-11 11:13:36

非常感謝您的幫助 – 2015-02-11 11:23:55

回答

相關問題