jquery-ui autocomplete踩坑 modal

1.问题场景

modal无论如何都显示不出来

解决方法---appendTo

//js
$("#autocomplete").autocomplete({
    source: availableTags,
    appendTo: $("#distributeForm")
});
//html
<div class="modal-body">
       <form action="" class="form-horizontal" id="distributeForm" method="">
             <div class="form-group">
                   <label for="" class="col-sm-2 control-label">姓名</label>
                   <div class="col-sm-5">
                          <input id="autocomplete" name="adviser" type="text" class="ui-autocomplete-input form-control" autocomplete='off' required>
                   </div>
             </div>
             <div class="modal-footer ">
            </div>
     </form>
</div>