Question

检查下面的网址，我在我的codeigniter项目中使用它。所有文件都正确地表达了。但就在我点击我的图片时，它没有打开灯箱。

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

这是图片li的代码。

 <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

Answer 1

这与prettyphoto无关。
显然，您正在使用QuickSand Jquery插件执行类似that的内容。

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

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

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

Answer 2

试试这个：您网页$(...).quicksand()中的其他内容正在引用。删除此代码并检查。

prettyPhoto - 灯箱不工作

2 个答案: