Jquery ui 输入标记中的jQuery Ui自动完成和弹出

我想在一个输入标记中使用autocomplete和popover。 但autocomplete不能显示，我看到谷歌chrome开发工具，autocomplete是工作，只是不能显示。我不知道该怎么做

HTML代码

<span class="form-labelTitle img-searchForm02">place</span>
<input class="auto-input" placeholder="city" data-toggle="popover" data-placement="bottom">
    <div class="leave-btn"></div>                       
    <div class="autocomplete-div auto1"></div>
    <div id="popover-content" class="hide">
    <div role="tabpanel">
    <ul class="nav nav-tabs arrival-tabs" role="tablist" id="myTab">
     <li class="active" role="presentation" ><a href='#JPN' role='tab' data-toggle='tab'>japan</a></li>
     <li role="presentation" ><a href='#TPE' role='tab' data-toggle='tab'>taiwan</a></li>

    </ul>

       <div class="tab-content">                                
       <div class='tab-pane active city' id='JPN'>
              <span>Tokyo</span>
              <span>okinawa</span>
       </div>
       <div class='tab-pane' id='TPE'>
              <span>taipei</span>
       </div>

---

}))

我已将您的代码复制到

jsfiddle

：，它似乎工作正常。可能存在一些

js

或

css

冲突。尝试删除任何附加的

js

和

css

，直到您的代码开始工作，然后开始重新添加，以确定是哪一个造成了问题。谢谢，这是可以工作的^^语法问题。台北失踪“

$(function(){

$('.auto-input').popover({

    'html': true,
    'content': function () {
        return $('#popover-content').html();
    }
});
$('.auto-input').autocomplete({
    open:function(event, ui){
        $(this).popover('hide');            
    },
    source: [
               "tokyo",
               "okinawa",
               "taipei                   
             ],
   appendTo:($('.auto1')),

    });