prettyPhoto - 灯箱不工作答案

【问题标题】：prettyPhoto - Light box not workingprettyPhoto - 灯箱不工作
【发布时间】：2015-07-06 07:55:10
【问题描述】：

检查我们下面的 url，我在我的 codeigniter 项目中使用它。所有文件都正确隐含。但是当我点击我的图片时，它并没有打开灯箱。

http://untame.net/2013/02/twitter-bootstrap-build-a-responsive-lightbox-gallery/

这是图片的代码。

 <li class="span3">
        <a class="thumbnail" rel="lightbox[group]" href="/content/themes/sarova-hotels/assets/prettyphoto/img/pics/1.jpg">
        <img class="group1" src="/content/themes/sarova-hotels/assets/prettyphoto/img/pics/1.jpg" title="Image Title" />
        </a>
    </li> <!--end thumb -->

我不知道这是否是漂亮照片错误，但我在控制台中收到此错误：

Uncaught TypeError: $(...).quicksand is not a function

【问题讨论】：

希望你正确加载流沙插件js。
源文件中没有流沙文件
加载javascript库似乎有问题。显示添加 JavaScript 库的方式和位置。更新问题。
我检查了来自view source的所有文件都正确加载..“标签”有问题，导致灯箱打开

标签： php jquery ajax codeigniter prettyphoto

【解决方案1】：

这与prettyphoto无关。
显然您正在使用 QuickSand Jquery 插件来执行类似 that 的操作。

因此，在您当前的页面中，您尝试初始化 QuickSand 而不嵌入它的 Javascript 文件。

因此，要解决此问题，您需要执行以下操作之一：

在您的页面中嵌入jquery.quicksand.js。
从此页面中删除初始化 QuickSand $('#YourId').quicksand 的行

【讨论】：

错误现在消失了吗？如果有什么新错误？
我正在使用的这个演示页面。 brocknunn.com/untame/bootstrap-gallery 这里也有快速沙子错误，但画廊工作正常
你确定你的页面中有这行代码$(document).ready(function(){ $("[rel^='lightbox']").prettyPhoto(); }); 如果你发布你的实际代码，这将是巨大的帮助。
我的页面中有这个。 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=('https:'==location.protocol?'//ssl' :'//www')+'.google-analytics.com/ga.js'; s.parentNode.insertBefore(g,s)}(document,'script')); // 颜色框调用 $(document).ready(function(){ $("[rel^='lightbox']").prettyPhoto(); });
好的，您不需要在您的页面中插入另一个 Google 分析跟踪代码！

【解决方案2】：

试试这个：您页面中的其他地方$(...).quicksand() 指的是。删除此代码并检查。

【讨论】：