prettyphoto undefined 不是函数答案

【问题标题】：prettyphoto undefined is not a functionprettyphoto undefined 不是函数
【发布时间】：2015-02-11 10:40:29
【问题描述】：

我正在尝试在我的网站上安装 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

有什么想法吗？

戴夫。

【问题讨论】：

顺便说一句，你是否包含了 prettyPhoto js ..？
好像找不到 prettyPhoto.js 文件，那么 prettyPhoto() 函数是未定义的。你在哪里包含 prettyPhoto 脚本？
它包含在头部标签中

标签： javascript jquery lightbox prettyphoto

【解决方案1】：

您的页面加载了 3 个版本的 jQuery。这可能会导致其他插件出现问题。 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>

【讨论】：

太好了，谢谢你，但它破坏了我的标题菜单。有没有办法解决？看起来标题菜单需要
我会建议你使用你已经加载的最低版本的 jQuery，然后试着按照你自己的方式工作。
非常感谢您的帮助
没问题 - 欢迎来到 StackOverflow。如果您觉得这有帮助，请考虑通过单击绿色复选标记来接受答案，以便其他人知道它对您有所帮助。