SimpleModal中的JQuery自动完成

Question

我在一个div中有一个简单的带有JQuery自动完成功能的文本框，我使用SimpleModal在这个文本框上进行模式对话。第一次调用模式对话框时，自动补全功能工作正常。对话关闭后，它将完全停止工作。有人知道这可能是什么原因吗？

代码如下：

对话html：

<div id="simplemodal">
<div class="content">
    <span class="label">国名</span>
    @Html.TextBox("NewRegion", "")
</div>
<div class="commands">
    <a>追加する</a>
    <a class="simplemodal-close">キャンセル</a>
</div>

​

和对话的脚本

/*Show add region dialogue*/
function AddNewRegion(ProjectID) {
    $('#simplemodal').modal({
        closeHTML: 'simplemodal-close',
        closeClass: 'simplemodal-close'
    });
}

自动完成脚本

$(function () {
$('#NewRegion').autocomplete({ source: '/Regions/FindRegions' } );
});

我知道以前有人问过这个问题，但看起来这个问题从来没有得到回答。

Answer 1

将您的两个JS代码示例合并为：

/*Show add region dialogue*/
function AddNewRegion(ProjectID) {
    $('#simplemodal').modal({
        closeHTML: 'simplemodal-close',
        closeClass: 'simplemodal-close',
        onShow: function (dialog) {
            $('#NewRegion', dialog.data[0]).autocomplete({ source: '/Regions/FindRegions' } );
        }
    });
}

如果不起作用，请让我知道。

Answer 2

下面的代码可能会对您有所帮助

$(document).ready(function () {
    $("#NewRegion").autocomplete({
        source: function(request,response) {
            $.ajax({
                url: "/Regions/FindRegions",
                type: "POST",
                dataType: "json",
                data: { term: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { value: item.Country };
                    }))

                }
            })
        },
        messages: {
            noResults: "", results: ""
        }
    });
})

Answer 3

我也遇到过这个问题。可以通过在打开模式对话框时将persist选项设置为true来解决此问题。

不需要在每次打开模式对话框时重新安装自动完成处理程序。