Question

我试图在我的网站上安装prettyPhoto灯箱，并且我不断收到同样的错误。控制台中的以下代码生成此错误

"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

有什么想法吗？

戴夫。

Answer 1

您的页面加载了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>

prettyphoto undefined不是一个功能

1 个答案: