jquery灯箱问题

时间:2011-03-27 20:57:14

标签: javascript jquery

我使用http://www.holzschild24.com/schritt1.php上的

http://leandrovieira.com/projects/jquery/lightbox/

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

任何想法,可以是什么?所有文件都正确加盖,我希望当我点击图片,我得到一个大版本,...任何想法?

2 个答案:

答案 0 :(得分:2)

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

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

因为用于添加灯箱的jQuery位于该行之后,javascript因错误而停止,因此永远不会添加.lightBox()

删除该行时看到working here

如果确实需要,请添加easy slider插件:

添加到demo


此外,您知道,在您对灯箱代码的评论中,您声明您正在使用<a...></a>属性中的灯箱将灯箱添加到锚点rel,但您不是您的代码是只需将灯箱添加到所有锚点!!

由于您当前的HTML,您可以将其用作jQuery,而不是$('a').lightBox();

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

将遍历每个锚点,检查锚点是否正在包裹图像 <img..../> ,然后才会将.lightBox()添加到锚点。

请参阅此工作here,注意您的主页链接现在充当链接,而不是像第一个示例那样打开.lightBox()

答案 1 :(得分:0)

什么是easySlider?我只看到插件lightBox

你的意思是$('#slider')。lightBox();