jQuery Superbox庫不起作用

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 Superbox庫不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2014-07-10 19:04:01

jQuery Superbox庫不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2014-07-10 19:04:01

解決方案1
1 已采納 2014-07-10 19:04:01