Jquery 关闭模态问题

Jquery close modal issue

本文关键字：问题 模态 Jquery      更新时间：2023-09-26

>好的，所以我在引导程序中有一个具有显示类的模式，让它在页面加载时显示。所以它在底部有一个结束按钮，但无法让它在点击时关闭

所以我现在有脚本，如果单击框上的任何地方，它就会关闭，但实际上它只在该按钮上关闭

.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>
相关文章：