2015-08-08 52 views
1

我发现计算器这个灯箱例如: Why is the lightbox jQuery plugin not working for me?简单的灯箱示例,没有运行...为什么?

我也问一个问题存在,但它已被删除,我被告知使用“问一个问题按钮,”所以我在这里

这个代码不运行:

<html> 
<head> 
    <!-- 
     **** Things you need to do**** 
     1. SPECIFY LIGHTBOX CSS FILE 
     2. SPECIFY JQUERY JS (jquery-1.7.2) FILE 
     3. SPECIFY LIGHTBOX JS FILE 
    --> 

    <link rel="stylesheet" href="http://lokeshdhakar.com/projects/lightbox2/css/lightbox.css" type="text/css" media="screen" /> 
    <script src="http://lokeshdhakar.com/projects/lightbox2/js/jquery-1.7.2.min.js"></script> 
    <script src="http://lokeshdhakar.com/projects/lightbox2/js/lightbox.js"></script> 
</head> 
<body> 
<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Spring</a></li> 
    <li><a href="#tabs-2">Summer</a></li> 
    <li><a href="#tabs-3">Fall</a></li> 
    <li><a href="#tabs-4">Winter</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <a href="https://www.google.de/logos/doodles/2015/229th-anniversary-of-the-first-ascent-of-mont-blanc-5711572991213568.2-hp.jpg" rel="lightbox" > 
      <img src="https://www.google.de/logos/doodles/2015/229th-anniversary-of-the-first-ascent-of-mont-blanc-5711572991213568.2-hp.jpg" width="300" height="200"> 
     </a> 
    </div> 
</div> 
</body> 
</html> 

所有的“版本”指定...这怎么能不工作呢?我只是得到一个小图片,如果我点击它,它就像一个正常的链接。

回答

-2

</body>标签包含您的脚本。然后,灯箱将正常工作。

+0

脚本可以在也可以添加 –

+0

你是对的,但之前它看起来更好 – SzymonS

0

如果您复制此逐字,错误的是,其中包括该样品不再存在于jQuery脚本的事实。您可以在浏览器的开发者控制台中轻松注意到这一点。所以你必须从其他地方找到所需的jQuery版本。

我会建议使用与更多的最新版本的jQuery但使用一些其他的脚本,否则你将不得不使用一个古老的一个。

+0

谢谢你,我已经联系了作者或lightbox2这的确是lokeshdhakar.com的拥有者重新上传 –