Jquery关闭模式问题

Question

好的，我在bootstrap中有一个模态，它有show类，可以在页面加载时显示它。所以它的底部有一个ender按钮，但不能让它在点击时关闭

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

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>

任何帮助都会很好！

Answer 1

这不是那样的。您只需$('.modal.close').modal（“hide”）；

.close是“关闭”按钮的类。

也可以添加属性data-discos=“modal”以关闭按钮。

参考:http://getbootstrap.com/javascript/#modals-methods