几次点击后引导模式停止

Posted 2023-02-22

【中文标题】几次点击后引导模式停止

【英文标题】：Bootstrap modal stops after several clicks

【发布时间】：2015-12-04 17:29:22

【问题描述】：

我链接到一个引导模式，如下所示；但是，在一轮打开/关闭后，模态停止响应点击。我试图用引导文档中的示例替换代码并且它可以工作。我不确定从哪里开始调试。

<div class="modal fade" id="campaign-slider-content" tabindex="-1"  aria-hidden="true" data-backdrop="true">
    <div class="modal-dialog modal-lg" style="overflow-y: scroll; max-height:100%;"> 
        <div class="modal-content">
            <div class="modal-header"> 
            </div> 
            <div class="modal-body">
            </div>
        </div>
    </div>
</div>

<%= link_to image_tag(campaign.featured_image.url(:crowdreview_cropped), width: '288') 
campaign_slider_detail_path(campaign.id), data:  toggle: 'modal', target: '#campaign-slider-content'%>

【问题讨论】：

打开模式的 html 按钮或链接在哪里？看不到您提供的代码是一个问题。 jsfiddle.net/qcvoofap

【参考方案1】：

您没有正确关闭模式。你需要改变：

<button type="button" class="close" data-dismiss="#campaign-slider-content" aria-hidden="true">×</button>

到：

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

【讨论】：

我试过了；然而，它并没有帮助也没有改变功能。