自动完成JQuery UI - 工具提示将不会显示

Question

当我将视图代码放到Home / Index.html时，我得到了上述效果。工具提示不会显示。我该怎么做才能解决这个问题？

这是我的代码：

脚本（productSuggest）：

$(document).ready(function () {
    var setupAutoComplete = function () {
        var $input = $(this);

        var options = {
            source: $input.attr("data-autocomplete-source"),
            select: function (event, ui) {
                $input = $(this);
                $input.val(ui.item.label);
                var $form = $input.parents("form:first");
            }
        };
        $input.autocomplete(options);
    };
    $("#seatch-filter").each(setupAutoComplete);
});

_layout：

  <div class="col-md-3">
                    <form id="seatch-form">
                        <input id="seatch-filter" type="search" name="searchQuery"
                               data-autocomplete-source="@Url.Action("ProductsSuggestions")"
                               placeholder="Szukaj..." />
                        <input type="submit" value="" />
                    </form>
</div>

和HomeController行动：

 public ActionResult ProductsSuggestions(string term)
        {
            var products = this.db.Product.Where(p => !p.IsHidden && p.ProductTitle.ToLower().Contains(term.ToLower()))
            .Take(5).Select(p => new { label = p.ProductTitle });
            return Json(products, JsonRequestBehavior.AllowGet);
        }

Answer 1

完成， 问题出在控制器动作中，因为HomeController不能与_Layout.cshtml一起使用。