jquery的灯箱不会在基于css3的网站上工作
问题描述:
我正在尝试使用基于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>
答
尝试以下操作:
1: <script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script>
将这个在身体里。并确保jquery.js在正文中正确加载(查找第二个提示)。
2:在您的网站中,显然您的JS文件存在问题,请检查引用和访问权限。
+0
谢谢user1048676 !!! – 2013-05-29 20:56:30
检查控制台中的错误。没有你的JS文件被找到,所以当然不起作用。 – user1048676 2013-05-08 16:52:00