幾次單擊后，引導模態停止

Question

我鏈接到一個引導模態，如下所示； 但是，在一輪打開/關閉后，模式會停止響應點擊。 我試圖用引導文檔中的示例替換代碼，並且可以正常工作。 我不確定從哪里開始調試。

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

Answer 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>