Question

这是我的代码

  var dlg = $("#transfer_client").dialog({
                dialogClass: "templateDialog",
                autoOpen: false,
                modal: true,
                zIndex: 1500,
                height: 200,
                width: 200,
                title: "Transfer Campaign to a different Client"
            });

        dlg.parent().appendTo(jQuery("form:first"));

其中transfer_client是div代码：

 <div id="transfer_client" class="dialog position" title="Transfer to a different Client">
    <span>Client:</span>
    <asp:DropDownList runat="server" Height="30px" ID="ddlClients" DataTextField="ClientName"
        DataValueField="ClientID">
    </asp:DropDownList>
    <br />
    <br />
    <asp:Button runat="server" OnClientClick="return confirmSubmit();" ID="btnTranfer"
        Text="Transfer" OnClick="btnTranfer_Click" />
</div>

我在$("#dropDownID").chosen()之后尝试dlg.parent().appendTo(jQuery("form:first")); 或之前，但它不能使它可搜索。但是在没有任何对话的情况下使用时代码工作正常知道如何让它在对话框内工作吗？

编辑：标记为已解决，因为这是对话框js中的错误。

Answer 1

你看过issue #18 on github吗？

它解决了我的类似问题，基本上归结为增加搜索框的CSS z-index。

Answer 2

试试这个

.chosen-container .chosen-results {
    position: fixed;
    z-index: 23423423423;
    height: 200px;
    width: 300px;
    background-color: white;
}

选择的搜索不适用于Jquery Dialog。为什么？

2 个答案: