基本模式在页面加载php上不起作用
我有jquery插件,但在页面加载时它可以工作,但当我将它与我的php脚本集成时,它似乎没有加载。我有检查路径,但没有成功。页面加载后,我希望窗口显示onload签出我的代码,我将其放在head标签中,请原谅格式错误:基本模式在页面加载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
<?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。