javascript - jquery superbox 库不工作

你好，我正在测试 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>

但是当我点击链接时什么也没有发生。有人知道为什么它不起作用吗？

最佳答案

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

由于该插件是旧插件，并且您正在尝试使用 jQuery 2.1.1，因此您会收到该错误，因为在插件的源代码中， $.browser正在使用该功能，该功能在 jQuery 1.9 之后已被删除。

此外，您没有任何 id 为 box-content 的元素。因此，也将其添加到您的 html 中。

对于工作示例，请检查此 fiddle :http://jsfiddle.net/Hxe89/

关于javascript - jquery superbox 库不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24684159/