Bootstrap模态框在点击几次后停止响应

Question

我链接了一个如下所示的bootstrap模态框；然而，在打开/关闭一轮后，模态框停止响应点击。我尝试使用来自bootstrap文档的示例代码进行替换，它可以正常工作。我不确定从哪里开始调试。

<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'}%>

- yrral

---

HTML按钮或链接在哪里打开模态框？我不明白你提供的代码有什么问题。http://jsfiddle.net/qcvoofap/ - stanley1943

Answer 1

您没有正确关闭模态框。您需要更改以下内容：

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

to:

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

- Leo Farmer

---

我尝试过那个，但它既没有帮助也没有改变功能。 - yrral