Fatal编程技术网

Javascript 影盒3.0.3

javascript jquery

Javascript 影盒3.0.3,javascript,jquery,shadowbox,Javascript,Jquery,Shadowbox,我试图在谷歌浏览器中使用shadowbox 3.0.3 我得到： 含铬 shadowbox.js:17未捕获类型错误：无法读取未定义的属性“style” 在firefox中 F是未定义的 g、 find=（function（）{var aD=/（？：（…（）}}；g.skin=k；T.Shadowbox=g}）（窗口）； shadowbox.js（第17行） 在IE中似乎工作得很好 我的代码如下： <!doctype html> <html> <head>

我试图在谷歌浏览器中使用shadowbox 3.0.3

我得到：

含铬

shadowbox.js:17未捕获类型错误：无法读取未定义的属性“style”

在firefox中

F是未定义的 g、 find=（function（）{var aD=/（？：（…（）}}；g.skin=k；T.Shadowbox=g}）（窗口）； shadowbox.js（第17行）

在IE中似乎工作得很好

我的代码如下：

<!doctype html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
    <script src="shadowbox.js"></script>
    <link href="shadowbox.css" rel="stylesheet"/>
    <script>
        $(function() {
            Shadowbox.init({skipSetup: true});

            // open a welcome message as soon as the window loads
            Shadowbox.open({
                content:    '<div id="welcome-msg">Welcome to my website!</div>',
                player:     "html",
                title:      "Welcome",
                height:     350,
                width:      350
            });
        })
    </script>
</head>
<body>

</body>
</html>


$（函数（）{
init（{skipSetup:true}）；
//窗口加载后立即打开欢迎消息
暗箱，打开({
内容：“欢迎访问我的网站！”，
玩家：“html”，
标题：“欢迎”，
身高：350，
宽度：350
});
})
这是什么原因造成的？

这只是一个猜测，但可能Shadowbox.init（）应该在$（function（）…）之外，以便在加载窗口之前调用它。这就是他们网站上的示例所建议的：

使用window.load方法，如下所示：


Shadowbox.init({
skipSetup：对
});
$（窗口）。加载（函数（）{
//窗口加载后立即打开欢迎消息
暗箱，打开({
内容：“欢迎访问我的网站！”，
玩家：“html”，
标题：“欢迎”，
身高：350，
宽度：350
});
});

<script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});

$(window).load(function() {

    // open a welcome message as soon as the window loads
    Shadowbox.open({
        content:    '<div id="welcome-msg">Welcome to my website!</div>',
        player:     "html",
        title:      "Welcome",
        height:     350,
        width:      350
    });

});
</script>