JQueryUI 자동 완성 - 무작위 Div가 추가되었습니다.

Question

그래서 JQuery UI 및 .net MVC를 사용하여 자동 완성 텍스트 상자를 개발하고 있습니다. 대부분의 경우 작동합니다. 그러나 제안 된 옵션을 선택하면 해당 제안이있는 임의의 div가 페이지에 추가되고 텍스트 상자가 완성됩니다.

Heres는 내 코드 :

@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의 깨진 버전을 사용했다 밝혀졌습니다.