2012-01-13 70 views
0

我在这个问题上花了数小时。这是我的代码。jQuery Lightbox插件无法在我的页面上工作

<div id="contentBox"> 
<p>Some text here </p> 
<div id="photoAlbumOne"> 
    <ul id="photoAlbum"> 
    <li id="fig1"><a href="../images/image1.png"><img src="../images/thumb1.png"></a></li> 
    <li id="fig2"><a href="../images/image2.png"><img src="../images/thumb2.png"></a></li> 
    </ul> 
</div> 
</div> 

这里是脚本。

<script type="text/javascript"> 
    $(function() { 
    $('#photoAlbumOne a').lightBox(); 
    }); 
</script> 

我给出了jQuery和plugins的链接。怎么了?为什么它不起作用?我感谢您的帮助。

+0

1.添加警报($('#contentBox a')。length);了解更多信息。 2.检查lightBox是否已加载 - alert($。lightBox); - 必须返回功能代码 需要更多信息才能回答。 – AndreyM 2012-01-13 07:21:38

+0

哦......它只显示0 – chhantyal 2012-01-13 07:24:39

+0

然后插件链接是错误的。在改变之后,你应该用别的东西替换第二个id' fig1',因为id必须是唯一的。 – scessor 2012-01-13 07:27:48

回答

0

可否请您确认在灯箱css中使用了这个“#photoAlbumOne”。

相关问题