>好的,所以我在引导程序中有一个具有显示类的模式,让它在页面加载时显示。所以它在底部有一个结束按钮,但无法让它在点击时关闭
所以我现在有脚本,如果单击框上的任何地方,它就会关闭,但实际上它只在该按钮上关闭
.JS
<script>
$('.modal').click(function() {
$(this).removeClass('show');
$(this).addClass('hide');
});
</script>
模态框类
<div class="modal show"></div>
按钮
<button type="button" class="btn btn-primary center-block click" style="font-size: 20px;" onClick='changeClass'">ENTER</button>
任何帮助都会很棒!
这不行。你只需要$('.modal .close').modal("hide");
.close
是关闭按钮的类。
或者,您可以添加属性data-dismiss="modal"
以关闭按钮。
参考: http://getbootstrap.com/javascript/#modals-methods
如果您使用的是引导程序,则可以执行此操作以关闭并显示模态:
$('.modal').modal('toggle');
在此处查看文档。
另请注意,引导程序有一个开箱即用的关闭按钮(您需要将其包含在模态中)来处理此行为:
<button type="button" class="close" data-dismiss="modal">x</button>