SimpleModal 中的 JQuery 自动完成

发布于 2024-11-29 23:29:48 字数 856 浏览 0 评论 0原文

我有一个简单的文本框，在 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' } );
});

我知道以前已经有人问过这个问题，但看起来这个问题从未得到解答。

原文

I have a simple textbox with JQuery autocomplete inside a div on which I use SimpleModal to make a modal dialogue.
The first time the modal dialogue is called, the autocomplete works fine. After the dialogue is closed it completely stops working. Does anybody have any ideas what this could be due to?

Code is as below:

Dialogue 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>

and the script for the dialogue

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

The autocomplete script

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

I know this has been asked before, but it looks like the question never got answered.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

婴鹅 2024-12-06 23:29:48

将您的两个 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' } );
        }
    });
}

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

Consolidate your two JS code samples into:

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

If that does not work, let me know.

回复收藏 0 原文

日裸衫吸 2024-12-06 23:29:48

下面的代码可能对你有帮助

$(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: ""
        }
    });
})

The below code might help you

$(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: ""
        }
    });
})

回复收藏 0 原文