Question

您好我正在测试jquery超级盒库。我有以下示例：

<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>

但是当我点击链接时没有任何反应。任何人都知道它为什么不起作用？

Answer 1

如果您检查控制台日志，您将看到错误：TypeError: i.browser is undefined

由于插件是旧版本，并且您正在尝试使用jQuery 2.1.1，因此在插件的源代码中，$.browser功能在jQuery 1.9之后被删除了用过的。

此外，您没有任何ID为box-content的元素。所以将它添加到你的html中。

对于工作示例，请检查此小提琴：http://jsfiddle.net/Hxe89/

jquery超级箱库无法正常工作

1 个答案: