2017-05-17 58 views
0

因此,我正在開發一個使用JQuery UI和.net MVC的自動完成文本框,它在很大程度上起作用。但是,當您選擇建議的選項時,將帶有建議的隨機div添加到頁面上,以及正在完成的文本框。JQueryUI自動完成 - 隨機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被創建?我怎麼能阻止它。

謝謝

回答

0

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