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文件存在問題，請檢查引用和訪問權限。