2013-05-08 78 views
0

我正在尝试使用基于CSS的网站模板重新构建我的投资组合网站。 这里是网址:http://www.annasportfolio.com/iindex.htmljquery的灯箱不会在基于css3的网站上工作

我一直没有成功添加到第二部分(设计)的图片库。有些东西并不排队,但我不知道是什么。这是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> 
+0

检查控制台中的错误。没有你的JS文件被找到,所以当然不起作用。 – user1048676 2013-05-08 16:52:00

回答

0

尝试以下操作:

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

将这个在身体里。并确保jquery.js在正文中正确加载(查找第二个提示)。

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

+0

谢谢user1048676 !!! – 2013-05-29 20:56:30

相关问题