jQuery Ui 对话框中的 jquery ui 自动完成

Question

您好，我在对话框中有一个 JQuery Ui (jquery-ui-1.8.13.custom.min.js)。当我开始在框中输入内容时，我会看到项目的下拉菜单，但它立即隐藏了？有谁知道为什么？这是我的代码：

 $(".openDialog").live("click", function (e) {
        e.preventDefault();
        var itemId = $(this).attr("data-item-id");
        var ajaxurl = $(this).attr('data-ajax-refresh-url');
        var dialogId = $(this).attr("data-dialog-id");
        $('<div><img src="Content/images/spinner.gif" /> Loading...</div>')
                    .addClass("dialog")
                    .attr("id", $(this).attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        width: 'auto',
                        title: $(this).attr("data-dialog-title"),
                        buttons: {
                            "Save": function () {
                                $(this).find('form').submit();
                            },
                            close: function () {
                                if (typeof itemId != "undefined") {
                                    $.get(ajaxurl, { id: itemId },
                                        function (data) {
                                            // The data returned is a table <tr>
                                            $("#Row" + itemId).replaceWith(data);
                                        });
                                    bindConfirm();
                                }
                                $(this).remove();
                            }

                        },
                        modal: true
                    }).load(this.href, function () {
                        $(this).find("input[data-autocomplete]").autocomplete({ source: $(this).find("input[data-autocomplete]").attr("data-autocomplete") });
                    });

    });

Answer 1

他们在早期的 1.8 版本中也遇到了问题。我记得应用自定义 CSS 选择器来手动增加 zIndex。

另请参阅：http://forum.jquery.com/topic/自动完成内部-a-dialog-1-8rc2