相关疑难解决方法(0)

我试图在引导程序弹出窗口中显示HTML,但不知何故它不起作用.我在这里找到了一些答案,但它对我不起作用.如果我做错了,请告诉我.

<script>
  $(function(){
    $('[rel=popover]').popover({ 
      html : true, 
      content: function() {
        return $('#popover_content_wrapper').html();
      }
    });
  });
</script>

<li href="#" id="example" rel="popover" data-content="" data-original-title="A Title"> 
    popover
</li>

<div id="popover_content_wrapper" style="display: none">
    <div>This is your div content</div>
</div>

问题在标题中描述。我有一个 Bootstrap 4 模态和一个带有按钮的输入字段的弹出框。在 IE 11 中一切正常，但在 Firefox 中输入失去焦点。

弹出框：

$('[data-toggle="popover"]').popover({
    container: "body",
    sanitize: false,
    content: function () {
        return $("#choose-user-popover-content").html();
    }
}).on('shown.bs.popover', function () {
    $('#ExecutorSNPSearchStr').focus();
});

弹出框 html：

<div id="choose-user-popover-content" style="display: none;">
<div class="row">
    <div class="col">
        <div class="input-group">
            <input type="text" class="form-control" id="ExecutorSNPSearchStr" aria-describedby="ExecutorSNPSearchStrAddon"/>
            <div class="input-group-append" id="ExecutorSNPSearchStrAddon">
                <button class="btn btn-sm btn-outline-info w-3" type="button">
                    <i class="fas fa-search"></i>
                </button>
                <button class="btn btn-sm btn-outline-danger w-3" type="button">
                    <i class="fas fa-trash-alt"></i>
                </button>
            </div>
        </div>
    </div>
</div>

https://i.stack.imgur.com/rTe2q.png

谁能告诉这是什么原因，以及如何解决这个问题？

UPD：我在一个单独的 html 文件中重新创建了这种情况。

$('[data-toggle="popover"]').popover({
    container: …