2011-02-01 12 views
4

は私が取得しています:クロームでシャドー3.0.3

Firefoxの

F is undefined g.find=(function(){var aD=/((?:((?:(...()}};g.skin=k;T.Shadowbox=g})(window); shadowbox.js (line 17)

思わにおける

shadowbox.js:17 Uncaught TypeError: Cannot read property 'style' of undefined

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

何が原因でしょうか?

答えて

8

使用window.load方法をdocsで提案されているように:自分のサイト上の例が示唆するもの厥

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

これは単なる推測ですが、Shadowbox.init()は$(function()...)の外に出てウィンドウが読み込まれる前に呼び出されるようにしてください。 http://www.shadowbox-js.com/usage.html

関連する問題