0

我有 jquery 插件,但在页面加载时它可以工作,但是当我将它与我的 php 脚本集成时,它似乎没有加载。我检查了路径但没有成功。页面加载后,我希望窗口显示 onload 检查我放在 head 标签中的代码,请原谅格式:

<?php session_start(); ?>       
<!DOCTYPE html>
<html>

    <head>
        <title>SimpleModal Basic Modal Dialog</title>
        <meta name='author' content='Eric Martin'
        />
        <meta name='copyright' content='2012 - Eric Martin' />
        <link type='text/css' href='../css/demo.css' rel='stylesheet' media='screen'
        />
        <link type='text/css' href='../css/basic.css' rel='stylesheet' media='screen'
        />
        <script>
            window.onload = function () {
                $(document).ready(function () {
                    $('#basic-modal-content').modal();
                    return false;
                });
                $('#modalContentTest').modal({
                    onShow: function (dialog) {
                        var sm = this;
                        dialog.container.animate({
                            height: 300,
                            width: 300
                        }, 500, function () {
                            sm.setPosition();
                        });
                    }
                });

            };
        </script>
        <style>
            .noTitle .ui-dialog-titlebar {
                display:none;
            }
        </style>
    </head>

....在身体标签之间我有 php 脚本

4

1 回答 1

0

我认为您的问题在于 window.onload 和 jquery $(document).ready 的组合。

“就绪”方法在触发 DOMContentLoaded 事件时触发(jQuery 在不支持它的浏览器上对此进行模拟),而 window.onload 在加载所有其他内容(css、图像)时触发 - 之后发生。

所以当你绑定“ready”事件的时候,该事件已经被触发了,不会再触发了。

我建议删除 window.onload 包装函数。

            $('#modalContentTest').modal({
                onShow: function (dialog) {
                    var sm = this;
                    dialog.container.animate({
                        height: 300,
                        width: 300
                    }, 500, function () {
                        sm.setPosition();
                    });
                }
            });
           $(document).ready(function () {
                $('#basic-modal-content').modal();
                return false;
            });

以下是这两个事件的一些细节

我担心的另一个问题是声明的模态 (#modalContentTest) 的 id 与您尝试触发的 (#basic-modal-content) 不同

于 2012-11-13T09:41:25.123 回答