JQueryUI自动完成 - 随机Div被添加

Question

因此，我正在开发一个使用JQuery UI和.net MVC的自动完成文本框，它在很大程度上起作用。但是，当您选择建议的选项时，将带有建议的随机div添加到页面上，以及正在完成的文本框。

继承人我的代码：

@ModelType Test 
@Code 
    Layout = "~/Views/Shared/_Layout.vbhtml" 
    ViewBag.Title = "asdasd" 
End Code 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $("#Search").autocomplete({ 
      source: function (request, response) { 
       $.ajax({ 
        url: "/Test/Search", 
        type: "POST", 
        dataType: "json", 
        data: { Prefix: request.term }, 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { label: item.Name, value: item.Name }; 
         })) 

        } 
       }) 
      }, 
      messages: { 
       noResults: "", results: function (resultsCount) { } 
      } 
     }); 
    }) 
</script> 

<div class=""> 
    @Using Html.BeginForm("AuthenticateStage1", "Authentication") 
    @Html.AntiForgeryToken() 
    @<div class="form-group"> 

      @Html.EditorFor(Function(x) x.Search) 

    </div> 
    End Using 
</div> 

下面是它看起来像在浏览器中：http://prntscr.com/f8u7d1这是当我将鼠标悬停的建议之一。

因此，为了澄清，为什么左侧角落的div被创建？我怎么能阻止它。

谢谢

Answer 1

原来我使用的是JQueryUI的破碎版本。