Javascript jquery superbox库不工作

Javascript jquery superbox库不工作,javascript,jquery,lightbox,Javascript,Jquery,Lightbox,您好,我正在测试jquery superbox库。我举了以下例子: <html> <head> <title>LIGHTBOX EXAMPLE</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="

您好,我正在测试jquery superbox库。我举了以下例子:

<html>
    <head>
        <title>LIGHTBOX EXAMPLE</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
        <script type="text/javascript" src="js/jquery.superbox-min.js"></script>
        <script type="text/javascript" src="js/jquery.superbox.js"></script>
        <link rel="stylesheet" type="text/css" href="js/jquery.superbox.css">

<script>
$(function(){
    $.superbox();
});
</script>
    </head>
    <body>


<a href="#box-content" rel="superbox[content]">SuperBox</a>

    </body>
</html>

灯箱示例
$(函数(){
$.superbox();
});

但当我点击链接时,什么也没发生。有人知道它为什么不工作吗?

如果检查控制台日志,您将看到错误:
TypeError:i.browser未定义

由于该插件是一个旧插件,并且您正在使用jQuery2.1.1进行尝试,因此会出现该错误,因为在该插件的源代码中,使用了在jQuery1.9之后删除的功能

此外,您没有任何id为
框内容的元素。所以也将其添加到html中


对于工作示例,请选中此提琴:

您不需要导入jquery.superbox两次-您正在导入压缩和未压缩版本现在它工作正常。非常感谢!!嘿,我怎样才能在超级盒中加载外部页面?我可以这样做吗?欢迎使用,我想它需要绝对路径,我在本地没有尝试过,请检查: