jquery - 使用 jquery 和 mvc razor 的 delimitir 问题

Question

我无法向同一字段添加几个值。我只能选择一个值，输入 、、; 或其他分隔符后，无法选择另一个值。我希望它的工作方式类似于自动完成。

我有一个带有 jQ​​uery 绑定(bind)的文本框:

<div class="editor-field">
    @Html.EditorFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name)
</div>
<script type="text/javascript">
$(document).ready(function () {
    $("#Name").autocomplete('@Url.Action("TagName", "Tag")', {
        minChars: 1,
        delimiter: /(,|;)\s*/,
        onSelect: function(value, data){
            alert('You selected: ' + value + ', ' + data);
        }
    });
});
</script>

它使用来 self 的 Controller 的数据:

public ActionResult TagName(string q)
{
    var tags = new List<TagModel>
    {
        new TagModel {Name = "aaaa", NumberOfUse = "0"},
        new TagModel {Name = "mkoh", NumberOfUse = "1"},
        new TagModel {Name = "asdf", NumberOfUse = "2"},
        new TagModel {Name = "zxcv", NumberOfUse = "3"},
        new TagModel {Name = "qwer", NumberOfUse = "4"},
        new TagModel {Name = "tyui", NumberOfUse = "5"},
        new TagModel {Name = "asdf[", NumberOfUse = "6"},
        new TagModel {Name = "mnbv", NumberOfUse = "7"}
    };

    var tagNames = (from p in tags where p.Name.Contains(q) select p.Name).Distinct().Take(3);

    string content = string.Join<string>("\n", tagNames);
    return Content(content);
}

我正在使用这些脚本:

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.autocomplete.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Scripts/jquery.autocomplete.css")" rel="stylesheet" type="text/css" />

firebug中没有错误。我的代码有什么问题吗？

Answer 1

在 firebug 中遇到过此类问题。

I suggest to not trust Firebug console until it contains error messages

如果您的代码没有按预期工作，并且 firebug 没有向您显示任何错误消息，那么是时候在 Chrome 中检查您的网页，看看控制台选项卡中到底哪里没有处理异常，特别是当您正在使用 ajax。