shadowbox 3.0.3 - PullRequest
Новая
       16

shadowbox 3.0.3

4 голосов
/ 01 февраля 2011

Я пытаюсь использовать shadowbox 3.0.3 в Google Chrome

Я получаю:

в хроме

shadowbox.js: 17 Uncaught TypeError: Невозможно прочитать свойство '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>

что будет причиной этого?

Ответы [ 2 ]

8 голосов
/ 01 февраля 2011

Используйте метод window.load, как предложено в документах : 

<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 голос
/ 01 февраля 2011

Это всего лишь предположение, но, возможно, Shadowbox.init () должен выходить за пределы $ (function () ...), чтобы он вызывался до загрузки окна. Вот что предлагает пример на их сайте: http://www.shadowbox -js.com / creation.html

...