首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在ASP.NET中使用回发的jQuery模式对话框

在ASP.NET中使用回发的jQuery模式对话框
EN

Stack Overflow用户
提问于 2013-02-01 07:15:17
回答 1查看 18.9K关注 0票数 17

我刚刚将我的jQuery/jQuery UI升级到了最新版本(jQuery 1.9.0,jQuery UI 1.10.0),它似乎破坏了我的一些jQuery UI对话框功能。

为了在ASP.NET中的DIV对话框中进行回发,有一个非常常见的解决方法,您必须将jQuery重新附加到主窗体,因为jQuery会在窗体外部重新构造DIV,如下所示:

代码语言:javascript
复制
$("#newInsurance").dialog({
    autoOpen: false,
    modal: true,
    open: function (type, data) {
        $(this).parent().appendTo($("form:first"));
    }
});

不幸的是,由于升级现在会将对话框置于背景的灰色/禁用覆盖之后。因此,弹出窗口中的表单是不可用的,并且全部灰显。我已经尝试了几种方法,但我似乎不能让它工作-似乎这个旧的变通办法不再有效。有没有人知道一种新的变通办法?还是我错过了什么?在我升级之前,它工作得很好。

以下是有关过去有效的变通方法的更多信息:

  • Stack溢出问题

  • Stack溢出问题

  • 堆栈溢出问题

我用Internet Explorer 9和Google Chrome 24.x对此进行了测试

According to the jQuery UI website,在jQuery UI 1.10.0中已经完全重新设计了对话API:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-01 10:51:51

好的,这似乎是jQuery UI v1.10的修复:

代码语言:javascript
复制
$("#newInsurance").dialog({
    autoOpen: false,
    appendTo: "form",
    modal: true
}).parent().css('z-index', '1005');

在jQuery UI v1.10中,他们添加了一个appendTo属性,这似乎与调用.parent().appendTo($("form"))做的事情完全相同。修复的诀窍是z-index。

票数 18
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14636907

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档