我想要jquery模态对话框，我的按钮事件 [英] I want jquery modal dialog wiyh my button event
本文介绍了我想要jquery模态对话框，我的按钮事件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有简单的项目（母版页）。
这是我的deafult.aspx
< asp：Content ID =HeaderContent runat =serverContentPlaceHolderID =HeadContent>
< script src =popup_js / jquery.min.jstype =text / javascript>< / script>
< script src =popup_js / jquery-ui.min.jstype =text / javascript>< / script>
< link href =popup_js / jquery-ui.css =stylesheettype =text / css/>
< script type =text / javascript>
var $ dialog
function btnOpenDialog_onclick（）{
var page =pop.Aspx？ID = -1;
$ dialog = $（'< div>< / div>'）
.html（'< iframe style =border：0px;src ='+ page +'width =100％height =100％>< / iframe>'）
.dialog（{
autoOpen：false，
modal：true，
身高：200，
宽度：400，
标题：显示Pop.Aspx，
关闭：function（event，ui）{
alert（关闭）;
}
}）;
$ dialog.dialog（'open'）;
}
< / script>
< / asp：Content>
< asp：Content ID =BodyContentrunat =serverContentPlaceHolderID =MainContent>
< input id =btnOpenDialogtype =buttonvalue =Openonclick =return btnOpenDialog_onclick（）/>
< / asp：Content>
这是我的pop.aspx
< pre lang =xml> < script language =javascripttype =text / javascript>
function btnClose_onclick（）{
window.parent.jQuery（'＃dialog'）。dialog（'close'）;
}
< / script>
< / head>
< body>
< form id =form1runat =server>
< div>
bla< br />
bla< br />
bla< br />
& nbsp;< input id =btnClosetype =buttonvalue =关闭/>< / div>
< / form>
< / body>
< / pre>
这个近距离活动有效。我怎么做？
我知道jquery按钮（关闭）。我想要我的按钮或其他事件关闭对话框或触发关闭事件。
解决方案
对话框
function btnOpenDialog_onclick（）{
var page =pop.Aspx？ID = -1;
dialog =
（'< div>< / div>'）
.html（'< iframe style =border：0px;src ='+ page +'width =100％height =100％>< / iframe>'）
.dialog（{
autoOpen：false，
modal：true，
height：200，
width：400，
title： Show Pop.Aspx，
close：function（event，ui）{
alert（closed）;
}
}） ;
i have simple project(master page).
This is my deafult.aspx
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script src="popup_js/jquery.min.js" type="text/javascript"></script>
<script src="popup_js/jquery-ui.min.js" type="text/javascript"></script>
<link href="popup_js/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var $dialog
function btnOpenDialog_onclick() {
var page = "pop.Aspx?ID=-1";
$dialog = $('<div></div>')
.html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
.dialog({
autoOpen: false,
modal: true,
height: 200,
width: 400,
title: "Show Pop.Aspx",
close: function (event, ui) {
alert("closed");
}
});
$dialog.dialog('open');
}
</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<input id="btnOpenDialog" type="button" value="Open" onclick="return btnOpenDialog_onclick()" />
</asp:Content>
and this is my pop.aspx
<pre lang="xml"> <script language="javascript" type="text/javascript">
function btnClose_onclick() {
window.parent.jQuery('#dialog').dialog('close');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
bla<br />
bla<br />
bla<br />
<input id="btnClose" type="button" value="Close" /></div>
</form>
</body>
</pre>
This close event dosent work.How do I?
I know jquery buttons(close). I want my button or another event close dialog box or trig close event.
解决方案
dialog function btnOpenDialog_onclick() { var page = "pop.Aspx?ID=-1";
dialog =
('<div></div>') .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>') .dialog({ autoOpen: false, modal: true, height: 200, width: 400, title: "Show Pop.Aspx", close: function (event, ui) { alert("closed"); } });
这篇关于我想要jquery模态对话框，我的按钮事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
