Bootstrap 模态有时显示有时不显示答案

【问题标题】：Bootstrap modal sometimes showing and other times not showingBootstrap 模态有时显示有时不显示
【发布时间】：2016-10-10 16:58:18
【问题描述】：

我在同一页面上有多个模态框，但它们只是间歇性地显示。模型由此脚本触发。

$(".embed").on("contextmenu", function(e) {
    e.preventDefault();
    var targetModal = $(this).data('target');
    $(targetModal).modal("show");
})

HTML 是

<div class="embed" data-target="#embed0">
    <img src="images/stakeholder-interest.png"  alt="Analyse stakeholder interest"/> 
</div>

模态html是

<div id="embed0" class="modal" role="dialog">
    <div class="modal-dialog">
    <!-- modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;  </button>
            </div><!--END model-header-->
            <div class="modal-body">        
            </div><!--END model-body-->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-  dismiss="modal">Close</button>
            </div>
        </div><!-- end modal-content-->
    </div><!-- end modal-dialog-->
</div><!-- END embed0 1st image-->

【问题讨论】：

请注意，您缺少<div id="embed0"...的结束标记
谢谢错过了这个问题。代码在页面上。将编辑问题。
好的，试试专家交流。找不到 stackoverflow 曾经的帮助。

标签： javascript jquery twitter-bootstrap modal-dialog

【解决方案1】：

SumoMe 荧光笔是罪魁祸首。关闭荧光笔允许在每张图像上正确且一致地显示模态。怀疑在页面加载时应用的 SumoMe CSS 正在干扰其他页面元素。

【讨论】：