我的灯箱画廊在离线状态下工作得很好，但我刚刚将它上传到网上，它根本不工作，点击图片只会带你到一个新页面。
这是页面... www.jevonz.co.uk/portfolio.html
文件路径似乎很好，我什至从本地托管 jquery 切换到使用 google 托管的，但都无济于事。任何帮助将非常感激。干杯!
如果提供更多信息，这是页面的代码。
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Jevonz.css" rel="stylesheet" type="text/css">
<link href="jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery-lightbox-0.5/js/jquery.lightbox-0.5.js"> </script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1" align="center">
<img src="images/JevonzHeader.jpg"/>
</div><!-- end LayoutDiv1 -->
<div id="Navigation" align="center">
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- end Navigation -->
<div id="galleria" align="center">
<a href="images/gallery/bio.JPG" rel="lightbox" title="Bio Luminesence"><img src="images/gallery/Thumbnails/bio_thumb.jpg" width="200" height="200" alt="Bioluminescence" /></a>
<a href="images/gallery/blueRobotLarge.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/blueRobot_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/DeepSea.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/DeepSea_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/DiD.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/DiD_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/EscapeLife.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/EscapeLife_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/GorillaLarge.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/GorillaLarge_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/LifeRobot.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/LifeRobot_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/LureDeep.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/LureDeep_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/TangledFamily.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/TangledFamily_thumb.jpg" width="200" height="200" alt="" /></a>
<a href="images/gallery/WorldBelow.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/WorldBelow_thumb.jpg" width="200" height="200" alt="" /></a>
<script type="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
});
</script>
</div>
</div>
<!-- end gridContainer -->
</body>
</html>