Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
基本模式在页面加载php上不起作用_Php_Jquery_Modal Dialog - Fatal编程技术网

基本模式在页面加载php上不起作用

基本模式在页面加载php上不起作用,php,jquery,modal-dialog,Php,Jquery,Modal Dialog,我有jquery插件,但在页面加载时它可以工作,但当我将它与我的php脚本集成时,它似乎没有加载。我有检查路径,但没有成功。页面加载后,我希望窗口显示onload签出我的代码,我将其放在head标签中,请原谅格式错误: <?php session_start(); ?> <!DOCTYPE html> <html> <head> <title>SimpleModal Basic Modal Dia

我有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>

SimpleModel基本模态对话框
window.onload=函数(){
$(文档).ready(函数(){
$(“#基本模态内容”).model();
返回false;
});
$(“#ModalContents”).modal({
onShow:函数(对话框){
var sm=此;
dialog.container.animate({
身高:300,
宽度:300
},500,函数(){
sm.setPosition();
});
}
});
};
.noTitle.ui对话框标题栏{
显示:无;
}

…在body标记之间,我有php脚本

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

当触发DOMContentLoaded事件时触发“ready”方法(jQuery在不支持它的浏览器上模拟此操作),而当加载所有附加内容(css、图像)时,window.onload触发—随后会发生这种情况

因此,在绑定“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;
            });
这里有一些关于这些的细节


我担心的另一个问题是,声明的模态(#modalContentSet)的id与您试图触发的不同(#基本模态内容)

是您的模态内容显示在HTML中,还是被创建的内容“在主体标记之间我有php脚本”阻止了。您需要检查是否确实显示了您的
#基本车型内容。。以及
主体
标记之间。否则代码将没有任何显示…我的php代码是一个上传脚本,当我只是做一个简单的回声你好它的作品。我找不到任何js模式库,加上你为什么使用window.onload与$(文件)。Ready我需要onload事件我删除了它,当我加载默认无事发生,然后省略$(文件).ready事件,只需触发$(“#基本模式内容”).modal();恐怕它不工作时,我刚刚触发了php代码,它带来了只有盒子你能把例子放在某个地方,我们可以测试驱动它吗?一个静态页面就足够了——不需要php。