Question

我的一个客户网站上有一些关于prettyPhoto的问题。以下是供参考的链接：http://www.browardmicrofilm.com/pages/kodak-vizit-essential.html

我在其他多个网站上使用过prettyPhoto而没有任何问题。但由于某种原因，该网站只是不想正确执行脚本。它不是在灯箱克隆中打开图像，而只是在新页面中打开它。也许它与托管有关但无论哪种方式，都希望看到你认为的专业人士！

我正在使用Firefox 26（Mac版），我使用Firebug来确定错误：

TypeError: $ is not a function
$(document).ready(function(){

我尝试了很多解决方案，包括一个让我将“$”更改为“window.jQuery”的解决方案，然后由于某种原因，代码中的下一行会产生相同的错误。

以下是那些希望跳过整个页面源代码的人的代码：

在我的标题中：

<link href="../prettyPhoto.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../Scripts/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="../Scripts/jquery-1.6.1.min.js"></script>

关闭正文标记之前的最终脚本：

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

我知道我的链接很好，这就是为什么我不包括它们。

Answer 1

需要在构建在其上的任何库之前声明Vanilla jquery

<!--first, jquery-->
<script type="text/javascript" src="../Scripts/jquery-1.6.1.min.js"></script>
<!--then the rest-->
<script type="text/javascript" src="../Scripts/jquery.prettyPhoto.js"></script>

Answer 2

下面的错误是说没有加载jQuery。

TypeError: $ is not a function
$(document).ready(function(){

检查您的资源，我的猜测是您的路径区分大小写并且库未正确加载。

<script type="text/javascript" src="../Scripts/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="../Scripts/jquery-1.6.1.min.js"></script>

检查您的资源。

Answer 3

确保在加载插件之前加载了jQuery。

<script type="text/javascript" src="../Scripts/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery.prettyPhoto.js"></script>

Answer 4

最终我放弃了prettyPhoto javascript并选择了另一种方式。 Lightbox 2.0：

http://lokeshdhakar.com/projects/lightbox2/

它的运作方式与我一样，没有任何问题。

prettyPhoto不工作 - 错误：不是功能

4 个答案: