Question

我正在尝试让这个灯箱脚本在客户端网站上工作，但我收到此错误'$未定义'，我对JS不太好，所以我想知道我是否能得到一些帮助，这里是网站 - http://www.petconnection.com/blog/。

Answer 1

$是jQuery主要功能的名称。你在jQuery之前包含你的灯箱脚本; jQuery必须先行。

Answer 2

在您的HEAD标记中，您需要按以下顺序执行：

<head>

// other stuff

<script type="text/javascript" src="/res/javascript/jquery.js"></script> 
<script type="text/javascript" src="/res/javascript/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.storycontent a.lightbox').lightBox();
});
</script>

// other stuff

</head>

使用$（document）.ready（）而不是只调用函数，这样它在运行lightBox方法之前等待完整的DOM准备就绪，而你不必一直把它放在页面底部。

刚刚尝试这个时，它运作得很好。

我的jQuery灯箱脚本无法正常工作

2 个答案: