jquery ui autocomplete inside jQuery Ui Dialog -
hi have jquery ui (jquery-ui-1.8.13.custom.min.js) inside dialog. when start typing on box dropdown of items hides right away? know why? here code:
$(".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) { // data returned 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") }); }); });
they had problems in 1.8 releases. remember applying custom css selector increase zindex manually.
see also: http://forum.jquery.com/topic/autocomplete-inside-a-dialog-1-8rc2
Comments
Post a Comment