Jquery UI对话框,也是灰色的

我正在使用jquery UI对话框来修改ASP.NET网站中的数据行。打开对话框时，将对话框添加到底层表单中，这样可以使用回发。 $(‘#’id).parent()。appendTo($(“form”));

但是当我设置对话框属性模态：true不只是背景是灰色的，对话框也是灰色和不可访问的。

如果我删除$(‘#’id).parent()。appendTo($(“form”));它的工作原理应该是，但是我不能使用回发。

我做错了什么，或者我想念一个这样的工作吗？

Javascript在.aspx的顶部

<script type="text/javascript">
    $(document).ready(function () {

        $('#workDialog').dialog({
            autoOpen: false,draggable: true,resizable: false,width: 800,height: "auto",modal: true
        });
    });

    function showDialog(id) {
        $('#' + id).parent().appendTo($("form"));
        $('#' + id).dialog("open");
    }

    function closeModalDiv(id) {
        $('#' + id).dialog("close");
    }
</script>

div包含对话框

<div id="workDialog" title="Basic dialog">
    <asp:UpdatePanel ID="upWorkDialog" runat="server" UpdateMode="Conditional">  <ContentTemplate>
        <table id="Table1" class="item">
        <tr>
            ...
        </tr>
        <tr>
            <td><asp:TextBox ID="txt...></asp:TextBox></td>
            <td><asp:TextBox ID="txt...></asp:TextBox></td>
            <td><asp:TextBox ID="txt...></asp:TextBox></td>
            <td><asp:TextBox ID="txt...></asp:TextBox></td>
        </tr>
        </table>
        <asp:Label ID="lblWorkEditError" runat="server" Text=""></asp:Label>

        <asp:Button ID="btnSave" runat="server" Text="Gem" OnClick="btnSave_Click" />
        <asp:Button ID="btnCancel" runat="server" Text="Annuller" OnClientClick="javascript:closeModalDiv('workDialog');" />
    </ContentTemplate></asp:UpdatePanel>
</div>

.ui-dialog
{
    z-index: 101;
}