jQuery div 对话框在同一页面中打开答案

【问题标题】：jQuery div dialog open in the same pagejQuery div 对话框在同一页面中打开
【发布时间】：2013-06-23 23:40:19
【问题描述】：

我使用 jQuery div 对话框来显示新的用户页面，如图所示

但是当我按下保存按钮时，新的用户页面会在图片中显示的同一页面中打开

标记：

<ul class="menu" style="margin-left:10px; background-color:transparent; width:100%;">
    <li>
        <input type="button" ID="btnNew" value="Add New" style="background-color:transparent; border:0;" runat="server" />
    </li>
</ul>

代码隐藏：

btnNew.Attributes.Add("onClick", "ShowEntityEditor('NewUser.aspx','userID',0,'New User',300,650);")

JavaScript：（放置在母版页中）

function ShowEntityEditor(url, pname, entityID, txttitle, h, w) {
    var _editWindowDiv;
    _editWindowDiv = $("#_editWindowDiv").dialog({
        autoOpen: false,
        height: h,
        width: w,
        position: 'center',
        title: txttitle
    });
    _editWindowDiv.empty();
    _editWindowDiv.load(url + "?" + pname + "=" + entityID, function () {
        $("#cancelButtoon").click(function () {
            _editWindowDiv.dialog("close");
            return false;
        });
    });
    _editWindowDiv.dialog("open");
}

【问题讨论】：

您需要提供示例代码。你用的是什么代码。
我使用了这个代码
然后在 asp.net 代码中 bihind btnNew.Attributes.Add("onClick", "ShowEntityEditor('NewUser.aspx','userID',0,'New User',300,650);") 放置在母版页中的 ShowEntityEditor
函数 ShowEntityEditor(url,pname,entityID,txttitle,h,w) { var _editWindowDiv; _editWindowDiv = $("#_editWindowDiv").dialog({ autoOpen: false, height: h, width: w, position: 'center', title: txttitle }); _editWindowDiv.empty(); _editWindowDiv.load(url+"?"+pname+"=" + entityID, function () { $("#cancelButton").click(function () { _editWindowDiv.dialog("close"); return false; }); } ); _editWindowDiv.dialog("打开"); }
也许您应该编辑您的问题并将代码放在那里？
“保存”按钮可能是一个标准的表单帖子，它会更改整个页面。您可能希望使用 jQuery/AJAX 处理表单提交，然后关闭对话框。

标签： jquery asp.net

【解决方案1】：

在 newUser.aspx 页面中使用以下代码来防止页面表单被提交。提交 newUser.aspx 将关闭对话框并重定向到页面。

   <script>
   $("#userForm").submit(function(e){
       e.preventDefault();
     });
   </script>

【讨论】：