小编Pet*_*ete的帖子

我在一个图标上定义了一个Bootstrap popover,如果我没有data-trigger ="focus"作为其定义的一部分,它可以正常工作.当我包含它时,单击图标时不会显示弹出窗口.这是没有数据触发器的代码.

<a data-toggle="popover" data-placement="left" data-title="Membership history for Fred Smith" data-html="true" data-content="<table><thead><tr><th class='col-md-2 text-left'>Renewed</th><th>Expiration</th><th>Type</th></tr></thead><tbody><tr><td>12/09/2016</td><td>12/31/2017</td><td>1-Year Individual</td></tr></tbody></table>"><span class="glyphicon glyphicon-info-sign" style="color:grey;"></span></a>

而代码包括数据触发器:

<a data-toggle="popover" data-placement="left" data-trigger="focus" data-title="Membership history for Fred Smith" data-html="true" data-content="<table><thead><tr><th class='col-md-2 text-left'>Renewed</th><th>Expiration</th><th>Type</th></tr></thead><tbody><tr><td>12/09/2016</td><td>12/31/2017</td><td>1-Year Individual</td></tr></tbody></table>"><span class="glyphicon glyphicon-info-sign" style="color:grey;"></span></a>

我还应该提到图标在表格单元格内.

有任何想法吗？

我正在使用 Bootstrap Modal，模态页脚 div 显示为用于遮挡主页的灰色背景，而不是模态其余部分使用的白色背景。

这是一个有点复杂的设置，但我会尽力解释它。

模态定义如下所示：

<div class="modal fade" role="dialog" tabindex="-1" id="concert-modal">\n<div class="modal-dialog" role="document">\n    <div class="modal-content">\n        <div class="modal-header">\n            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">\xc3\x97</span></button>\n            <h4 id="concert-modal-title" class="modal-title"></h4>\n        </div>\n        <div id="concert-modal-body" class="modal-body">\n\n        </div>\n    </div>\n\n    <div class="modal-footer">\n        <span id="ConcertMessage" class="pull-left"></span>\n        <button class="btn btn-default" type="button" data-dismiss="modal">Cancel </button>\n        <button class="btn btn-primary" type="submit" form="concert-modal-form">Save </button>\n    </div>\n\n</div>\n

\n\n

您会看到模态主体部分是空的。那是因为我有 javascript，它使用 Mustache.js 模板系统来使用模板设置正文的 html 并从 Ajax 调用返回。一切正常，模态主体显示正确。

模式主体由 Bootstrap 选项卡控件和包含所有选项卡窗格的表单组成，因此整体结构如下所示。

<ul class="nav nav-tabs nav-justified nav-justify">\n    <li class="active"><a href="#tab-1" role="tab" data-toggle="tab">Basic …