Question

我有jquery插件，但在页面加载它工作，但当我与我的PHP脚本集成它似乎没有加载。我有检查路径，但没有成功。一旦页面加载我希望窗口显示onload检查我的代码我放在头标记请原谅格式：

<?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脚本

Answer 1

我认为你的问题在于window.onload和jquery $（document）.ready的组合。

当触发DOMContentLoaded事件时触发“ready”方法（jQuery在不支持它的浏览器上模拟它），而window.onload在加载所有其他内容（css，images）时触发 - 之后发生。

因此，当您绑定“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;
            });

以下是有关这些two events

的一些详细信息

我的另一个问题是声明的模态（#modalContentTest）的id与你试图触发的模式的id不同（#basic-modal-content）

基本模态不适用于页面加载php

1 个答案: