jquery 灯箱不能在基于 css3 的网站上工作

Question

我正在尝试使用基于 CSS 的网站模板来重建我的投资组合网站。 这是网址:http://www.annasportfolio.com/iindex.html

我未能成功将图片库添加到第二部分(设计)。有些东西没有排队，但我不知道是什么。是jquery的冲突吗？

我的头代码:

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

<script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script>

<link rel="shortcut icon" href="../favicon.ico" />
<link href="http://fonts.googleapis.com/css?family=Josefin+Slab:400,700" rel="stylesheet" type="text/css" />

 <link rel="stylesheet" type="text/css" href="demo.css" />

 <link rel="stylesheet" type="text/css" href="style.css" />

 <script type="text/javascript" src="modernizr.custom.79639.js"></script> <!--[if lte IE 8]>
 <link rel="stylesheet" type="text/css" href="simple.css" /><![endif]-->

图片库所在的区域:

<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> 

Answer 1

尝试以下操作:

1: <script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script>

把它放在正文中。并确保 jquery.js 已正确加载到正文中(查找第二个提示)。

2:在您的站点中，您的 JS 文件显然存在问题，请检查引用和访问权限。