我正在尝试使用 jQuery.Lighbox 库,但找不到 lightBox 方法。
我做了什么:
包括 jquery.lightbox.js(在 jquery 本身之后):
<html lang="en">
<head>
<meta charset="utf-8" />
<link href="/Content/site.css" rel="stylesheet"/>
<link href="/Content/jquery.lightbox.css" rel="stylesheet"/>
<script src="/Scripts/modernizr-2.5.3.js"></script>
<script src="/Scripts/jquery-1.7.1.js"></script>
<script src="/Scripts/jquery.lightbox.js"></script>
...
<head>
在正文中,我将灯箱代码连接到 html 元素:
<body>
<script type="text/javascript">
$(function () {
try
{
$('#gallery a').lightBox(); // Select all links with lightbox class
}
catch (err) {
var txt = "";
txt = "There was an error on this page.\n\n";
txt += "Error description: " + err.message + "\n\n";
txt += "Click OK to continue.\n\n";
alert(txt);
}
});
</script>
并且非常期待js代码引发错误:
此页面出现错误。错误描述:对象 [object Object]没有方法 'lightBox' 单击确定继续。
我是 jQuery 的新手,所以如果你能给我一个提示,我做错了什么以及如何解决它。
谢谢你。
编辑:
已解决:原来 jquery.js 已被包含两次,并且隐藏了 jquery.lightbox 功能。