Jquery关闭模式问题

好吧，所以我有一个模式的引导，有类的显示，让它显示在页面加载。因此，它在底部的安德按钮，但不可能让它来关闭点击Jquery关闭模式问题

所以我现在有脚本，关闭，如果点击任何地方在包装盒上，但实际上它仅在按钮

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

任何帮助将是巨大的！

哪里是相对于模式的按钮？ – adeneo 2015-01-31 19:29:23

里面的模式在底部 – 2015-01-31 19:31:03

这不起作用。您只需要$('.modal .close').modal("hide");

.close是您关闭按钮的类。

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

2015-01-31 19:29:50 kappaallday

不解决按钮问题 – 2015-01-31 19:31:29

如果您正在使用引导你可以做到这一点，关闭，并显示一个模式：

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

退房的文档here。

还要注意的是引导具有开箱即关闭按钮（你需要你的模式里面包括）来处理这种行为：

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

2015-01-31 19:31:45 ianaya89

回答