我有一个带有登录按钮的主屏幕。当用户单击登录按钮时,登录视图必须在对话框(弹出窗口)中打开。这里的扭曲是主屏幕和登录屏幕是两个子域中的两个不同的应用程序。所以我必须在 my.sample.com 应用程序的对话框(弹出窗口)中打开 auth.sample.com 的登录视图。对不起英语不好。请看下面的代码:
<p>
<button type="submit" name="PopupLoginbutton" id = "PopupLoginbutton" value="Popbutton">Login</button>
</p>
<div id="dialog" title="Login" style="overflow: hidden;">
<script type="text/javascript">
$(function () {
$('#dialog').dialog({
autoOpen: false,
width: 400,
resizable: false,
title: 'hi there',
modal: true,
open: function (event, ui) {
$(this).load("http://auth.sample.com/");
},
buttons: {
"Close": function () {
$(this).dialog("close");
}
}
});
$('#PopupLoginbutton').click(function () {
$('#dialog').dialog('open');
});
});
</script>