我正在尝试在我的网站上创建一个图片库，以便我可以将屏幕截图放在相关的博客文章中。在花了几个小时使用我自己的代码开发自定义 jquery 解决方案并且没有从网络上的任何地方获得任何帮助后，我屈服并决定使用 lightbox。
我按照说明进行设置 on this page然而，它仍然什么也不做。基本上我所做的就是在我的页面上放置一个指向图像的链接...
这是我在页面上呈现的代码(网址如下):
<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>
网址 http://loganyoung.za.net/error-reporting-in-mvc/
如果有人能告诉我我做错了什么，我将不胜感激。
最佳答案
只是确保在正确的位置引用了 jQuery(在所有灯箱废话之上)woopdeedoo
关于javascript - 每个人都推荐灯箱...但它仍然没有达到其明显应有的效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26000800/