Question

我正在使用jquerys autocomplete插件搜索列表。在每个页面的基础上，自动完成会在页面上定期浮动。但是，当我将搜索框置于引导模式对话框中时，自动完成下拉列表保留在后面并且无法显示。我怎样才能在模态盒上稳定它。

/* the modal caller*/
$('#bizimMesajci').modal();

/* autocomplete plugin codes */
$('#' + nesneID).autocomplete({
    source: function (request, response) {
        response([{
            label: "Aranıyor...",
            loading: true
        }]);
        $.ajax({
            url: "evrak_action.php",
            data: {
                isTipi: 'kurumListesi',
                jsonMU: 'evet',
                arananKurum: $('#' + nesneID).val()
            },
            dataType: "json",
            type: "POST",
            success: function (data) {
                //=========================================================<
                response($.map(data, function (item) {

                    return {
                        label: item.label,
                        value: item.label,
                        kID: item.kID
                    }
                }));
                //=========================================================<

            },

        });
    },
    select: function (event, ui) {
        $('#' + nesneIDnum).val(ui.item.kID);
        $('#' + nesneID).val(ui.item.label);
        //console.log($("#evrakKurumID").val());
        return false;
    },
    focus: function (event, ui) {
        return false;
    },
    minLength: 3
});

http://jsfiddle.net/7zNBH

Answer 1

只需在自动填充插件调用函数中添加一个可选参数，如下所述：http://api.jqueryui.com/autocomplete/#option-appendTo解决了我的问题。

如何使自动完成插件下拉浮动在bootstraps模式框？

1 个答案: