Jquery关闭模式问题
问题描述:
好吧,所以我有一个模式的引导,有类的显示,让它显示在页面加载。因此,它在底部的安德按钮,但不可能让它来关闭点击Jquery关闭模式问题
所以我现在有脚本,关闭,如果点击任何地方在包装盒上,但实际上它仅在按钮
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"
关闭按钮。
+0
不解决按钮问题 – 2015-01-31 19:31:29
答
如果您正在使用引导你可以做到这一点,关闭,并显示一个模式:
$('.modal').modal('toggle');
退房的文档here。
还要注意的是引导具有开箱即关闭按钮(你需要你的模式里面包括)来处理这种行为:
<button type="button" class="close" data-dismiss="modal">x</button>
哪里是相对于模式的按钮? – adeneo 2015-01-31 19:29:23
里面的模式在底部 – 2015-01-31 19:31:03