javascript - jquery灯箱问题

Question

关于 http://www.holzschild24.com/schritt1.php我用 http://leandrovieira.com/projects/jquery/lightbox/

我收到错误:$("#slider").easySlider 不是函数

有什么想法吗？所有文件都正确加载，我希望当我单击图片时，我会得到一个大版本，...有什么想法吗？

Answer 1

您所说的问题来自此行中包含的文件:

<script type="text/javascript" src="js/customSlide.js"></script> 

因为您用于添加灯箱的 jQuery 出现在该行之后，所以 javascript 由于错误而停止，因此 .lightBox()从未添加。

查看working here当您删除该行时。

或者添加 easy slider插件(如果确实需要):

已添加到demo

<小时/>

此外，正如您所知，在您对灯箱代码的评论中，您声明您正在将灯箱添加到 anchor <a...></a>与灯箱在 rel属性，但你不是你的代码只是简单地将灯箱添加到所有 anchor !!

由于您当前的 HTML，您可以使用它作为 jQuery，而不是 $('a').lightBox();

$('a').each(function() {
    var obj = $(this);
    if (obj.children('img').size() > 0) {
        obj.lightBox();
    }
});

这将遍历每个 anchor ，检查 anchor 是否包裹图像 <img..../> ，只有这样它才会添加 .lightBox()到 anchor 。

查看此工作 here请注意，您的主页链接现在充当链接，而不是打开 .lightBox()就像第一个例子一样。