Question

我试图让typeahead在bootstrap popover中工作。我在这里有一个例子：http://jsfiddle.net/6ydb2o79/

<p>This does not work</p>
<a data-placement='above' id="popover_button" class="btn btn-lg btn-danger" href='#'>Click</a>
<div id="popover_content_wrapper" style="display: none">
  <input class="typeahead" type="text" placeholder="States of USA">
</div>
    <hr />
<p>This Works</p>
<input class="typeahead" type="text" placeholder="States of USA">

我不相信这是一个z指数问题。似乎typeahead.js没有识别输入查询。

有什么想法吗？谢谢......

Answer 1

尝试使用{/ 3}}这样的方法

$('#popover_button').popover({
    html: true,
    content: function () {
        return $('#popover_content_wrapper').html();
    }
}).on('shown.bs.popover', function(){
    enableTypeAhead();
});

将您的预先输入代码保留在方法中，并在显示弹出窗口后调用。它似乎解决了这个问题。

这是shown.bs.popover。希望这有帮助

Bootstrap Popover中的Typeahead.js

1 个答案: