大家推荐的灯箱......它仍然没有做它显然应该做的事

我正在试图在我的网站上制作一个图片库，这样我就可以将截图放到博客文章的相关位置。我花了几个小时使用我自己的代码在自定义的jquery解决方案上工作，并且从网上的任何地方得不到任何帮助，于是我决定使用lightbox。大家推荐的灯箱......它仍然没有做它显然应该做的事

我按照指示设置了on this page但是，它仍然没有任何作用。基本上所有我所做的就是把一个链接到图片我的网页上...

这里是我的代码，在网页上呈现（以下URL）：

<head> 
    <link href="/js/lightbox/css/lightbox.css" rel="stylesheet" /> 

    <!--[if lte IE9]> 
     <link href="/css/ie.css" type="text/css" rel="stylesheet" /> 
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 

    <script src="/js/lightbox/js/lightbox.min.js"></script> 
      <script src="/js/lightbox/js/jquery-1.11.0.min.js"></script> 
</head> 
<body> 
    <!-- skipping irrelevant content --> 

    <h3 id="screenshots">Screenshots</h3> 
    <div class="screenshots"> 
     <a href="http://loganyoung.za.net/images/articles/logan-mvc-error-big.png" data-lightbox="image-1" data-title="My caption">Image #1</a> 
     <a href="http://loganyoung.za.net/images/articles/logan-mvc-error-big.png" data-lightbox="MVCError"><img src="http://www.loganyoung.za.net/images/articles/logan-mvc-error-big.png" alt="" width="150" height="150" class="alignleft" /></a> 
     <a href="http://loganyoung.za.net/images/articles/logan-mvc-error-small.png" data-lightbox="MVCError"><img src="http://www.loganyoung.za.net/images/articles/logan-mvc-error-small.png" alt="" width="150" height="150" class="alignleft" /></a> 
    </div> 

    <!-- skipping more irrelevant content --> 
</body> 
</html>

URLhttp://loganyoung.za.net/error-reporting-in-mvc/

如果有人能告诉我我做错了什么，我将不胜感激。

来源

2014-09-23 Ortund

包括jQuery之前的灯箱。 – j08691 2014-09-23 17:08:55

现在看到，如果我一直在谈论的人类生活中的遗漏浪费只是花了一秒钟的时间来帮助我，我不会因为错过那么简单的事情而感到沮丧......非常感谢！ – Ortund 2014-09-23 17:11:26

Firebug：'ReferenceError：jQuery没有定义'Chrome开发人员工具：'未捕获的ReferenceError：jQuery没有定义'，所以我想你的第一个错误是不使用正确的工具... – fvu 2014-09-23 17:11:33

只是确保jQuery被引用在正确的地方（以上所有的灯箱废话）woopdeedoo

来源

2014-10-15 22:58:44 Ortund

大家推荐的灯箱......它仍然没有做它显然应该做的事

回答

相关问题