Question

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

$(".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-->

Answer 1

SumoMe荧光笔是罪魁祸首。关闭荧光笔允许模式在每个图像上正确且一致地显示。在页面加载时应用的可疑SumoMe CSS与其他页面元素相互依赖。

Bootstrap模态有时会显示，有时则不显示

1 个答案: