在弹出窗口中引导输入

Question

我正在尝试实现引导程序的预输入，但我试图在单击按钮时让输入栏出现在弹出窗口中。

在弹出框内几乎有预输入功能。

<div id="popover-button-container">
    <button id="popover-button" type="button" class="btn btn-default" 
            data-toggle="popover"
            data-placement="left">${entries.size() - 4} more</button>
            <div id="popover-content" class="hide">
                <input class="typeahead" type="text" placeholder="Search by Artist Name" />
            </div>
</div>

添加 JS：

<script>
$("#popover-button").popover({
    html:true,
    content: function(){
        return $('#popover-content').html();
    }
})</script>

但是，预输入似乎在弹出窗口中不起作用。如果我删除 class=hide 部分，则未隐藏的输入有效，但弹出窗口中的输入无效。

想知道是否有人遇到过这种情况？

任何帮助都会很棒！

Answer 1

你试过了吗？

// Constructs the suggestion engine
// Typehead codes here

$('#myPopover').on('show.bs.popover', function () {

  // Initialize your typehead script
  typehead.initilize();

  // Followed by your Typehead codes here...

})