提问者:小点点

Jquery关闭模式问题


好的,我在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>

任何帮助都会很好!


共1个答案

匿名用户

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

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

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

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