jquery lightbox赢得'；t在基于css3的网站上工作

我正在尝试使用一个基于CSS的网站模板来重建我的公文包网站。 以下是网址：

我在第二部分（设计）中添加了一个图像库，但没有成功。有些东西没排好，但我不知道是什么。这是jquery的冲突吗

我的头号代码：

$（document）.ready（function（）{$（“#demoOne”）.jqgalcroll（）；}）；

图像库应位于的区域：

<section class="st-panel st-color" id="st-panel-2">
<div class="st-deco" data-icon="1"></div>
<h2>Happiness</h2>
<p>Filler Text</p><!-- Design LightBox/ -->
<ul id="one">
<li><img alt="" src="bittennyc.png" border="0" /></li>
<li><img alt="" src="http://farm3.static.flickr.com/2194/2037390693_8acc544048.jpg" border="0" />
</li> 
</ul></section> 

幸福
填充文本

尝试以下操作：

1：

$（document.ready（function（）{$（“#demoOne”）.jqgalcroll（）；}）

把这个放在身体里。并确保jquery.js在主体中正确加载（查看第二个提示）

2：在您的站点中，显然您的JS文件有问题，请检查引用和访问权限。
检查控制台中的错误。没有找到您的JS文件，因此它当然不会工作。
<section class="st-panel st-color" id="st-panel-2">
<div class="st-deco" data-icon="1"></div>
<h2>Happiness</h2>
<p>Filler Text</p><!-- Design LightBox/ -->
<ul id="one">
<li><img alt="" src="bittennyc.png" border="0" /></li>
<li><img alt="" src="http://farm3.static.flickr.com/2194/2037390693_8acc544048.jpg" border="0" />
</li> 
</ul></section>