在jQuery Ui Dialog中使用jquery ui自动完成

时间:2011-07-03 17:38:17

标签: jquery-ui jquery-ui-autocomplete

您好我在Dialog中有一个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") });
                    });

    });

1 个答案:

答案 0 :(得分:0)

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

另请参阅:http://forum.jquery.com/topic/autocomplete-inside-a-dialog-1-8rc2