我链接到一个 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'}%>
最佳答案
您没有正确关闭模式。您需要更改:
<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>
关于javascript - 几次点击后 Bootstrap 模式停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32467795/