prettyphoto undefined不是函數

Question

我正在嘗試在我的網站上安裝prettyPhoto燈箱，但不斷出現相同的錯誤。 控制台中的以下代碼會產生此錯誤

"undefined is not a function"

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

18號線

我已經在頁腳和頭部嘗試過，這都會導致相同的問題，並且燈箱無法加載。

這是我head標簽中的文件...

<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

有任何想法嗎？

戴夫。

Answer 1

您的頁面加載了jQuery的3個版本。 這可能會導致其他插件出現問題。 Pretty Photo可以很好地加載-它只是加載到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>

prettyphoto undefined不是函數

問題描述

1 個解決方案

解決方案1
1 已采納 2015-02-11 10:54:56

prettyphoto undefined不是函數

問題描述

1 個解決方案

解決方案1 1 已采納 2015-02-11 10:54:56

解決方案1
1 已采納 2015-02-11 10:54:56