首页 新闻 会员 周边

bootstrap,使用modal('hide')关闭modal,页面滚动条消失,页面卡住无法滑动。

0
悬赏园豆:30 [已解决问题] 解决于 2016-02-19 09:18

进入页面时,滚动存在的:

点击Edit,弹出modal:

 

点击提交,关闭modal,滚动条消失。

点击提交,回调函数:$("#UserModal").modal('hide');

使用modal自带关闭功能无异常:

<button type="button" class="btn btn-default"
data-dismiss="modal">
关闭
</button>

请问这是什么原因呢?

又沙又甜的主页 又沙又甜 | 初学一级 | 园豆:120
提问于:2016-01-12 14:22
< >
分享
最佳答案
0

我们项目里面一般是这样用的<button type="button" id="btn_submit" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存</button>。提交的时候不需要调用modal('hide')。使用dismiss="modal"这个属性,点击保存,弹出框自动回关闭。

收获园豆:30
懒得安分 | 菜鸟二级 |园豆:234 | 2016-01-12 14:30

<button type="submit" data-dismiss="modal" class="btn btn-primary">
提交
</button> ,加上以后会直接关闭窗口,而不执行action方法。是不是因为type='submit'的原因?

我的button是放在ajax.beginform里面的。

又沙又甜 | 园豆:120 (初学一级) | 2016-01-12 14:39
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册