Question

我正在使用jQuery UI的对话框来显示一些选项，每个选项都表示为复选框。现在，当我打开对话框，点击复选框时，没有任何反应，复选框没有被检查。我正在使用jQuery UI的最新版本。

有人可以告诉我出了什么问题吗？

这是代码

$('div#attachedDocuments').dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        title: "Select files",
        buttons: {
            "Ok": function () {
                    $(this).dialog("close");
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });

这是对话

<div id="attachedDocuments">
    <asp:Repeater ID="rptAttachments" runat="server"
                  OnItemDataBound="AttachedDocumentsDataBound">
        <ItemTemplate>
            <asp:CheckBox ID="checkBoxDocument" runat="server" />
        </ItemTemplate>
    </asp:Repeater>    
</div>

Answer 1

我遇到了类似的问题。以下是我的想法：当您调用z-index时，jQueryUI会为对话框分配.dialog()。如果在此之后向页面添加更多元素，则对话框（或其内容）可能会变为其他内容（甚至是不可见的东西）。但后来我看到this bug report，所以我不确定原因了......

解决方案：在CSS文件中为对话框设置一个非常高的z-index，类似于99999。

无法在jQuery UI模式对话框中选中或取消选中复选框

1 个答案: