<script type="text/javascript">
$(function () {
$("#UpdatePwd").click(function () {
$("#win").window({
title: "修改用户密码",
href: "frmUpdatePwd.aspx",
width: 500,
height: 300,
top: 100,
left: 400,
collapsible: false,
minimizable: true,
maximizable: false,
closable: true,
draggable: true,
resizable: false,
shadow: true,
modal: true
});
});
})
</script>
使用这种方式,窗口刚打开时会出现“loading...”等待页面加载提示信息,它加载不是整个页面,只是 body 中的代码片段,所以写在head中的js,css等脚本就不会执行。
所以在加载的子页面中的JS脚本需要放到子页面的body中,就可以响应了。
子页面:frmUpdatePwd.aspx
<body>
<script type="text/javascript">
$(function () {
$("#changepwd").click(function () {
alert("ok");
})
})
</script>
</body>