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' } );
        }
    });
}

如果这不起作用，请告诉我。