Jquery关闭模式问题答案

【问题标题】：Jquery close modal issueJquery关闭模式问题
【发布时间】：2015-02-01 06:44:07
【问题描述】：

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

所以我现在有一个脚本，如果单击框上的任何位置，它就会关闭，但实际上它只在那个按钮上

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

任何帮助都会很棒！

【问题讨论】：

【解决方案1】：

这样不行。你只需要$('.modal .close').modal("hide");

.close 是关闭按钮的类。

或者您可以添加属性data-dismiss="modal" 来关闭按钮。

【讨论】：

【解决方案2】：

如果你使用 bootstrap，你可以这样做来关闭并显示一个模式：

$('.modal').modal('toggle');

查看文档here。

另请注意，bootstrap 有一个开箱即用的关闭按钮（您需要将其包含在您的模式中）来处理此行为：

<button type="button" class="close" data-dismiss="modal">x</button>

【讨论】：