javascript - 模态关闭后无法在页面上滚动
问题描述
我有一个更新数据的模式。更新完成后,模式关闭,之后我无法在页面上滚动。
模态的
<div id="catupdate" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
javascript
$(document).off('click','.updatecat');
$(document).on('click','.updatecat',function(){
$('#cat-update').ajaxSubmit({
dataType:'json',
success:function(response){
if(response.type == 'success'){
$(this).hide();
//$('#catupdate').modal('hide');
$('.modal-backdrop').remove()
$('#taba4').trigger('click');
}else{
alert(response.message);
}
alert("Category Updated");
console.log(response);
}
})
});
控制器
public function updatecat(Request $request){
try{
$type ='success';
$message ='Successfully Updated';
$post = $request->all();
//$user = Auth::user()['id'];
$cat = Category:: findorFail($post['id']);
$cat->category = $request->input('category');
$cat->save();
}catch(Exception $e){
$type ='error';
$message = $e->getMessage();
}
echo json_encode(['type'=>$type,'message'=>$message]);
}
我不知道发生了什么。我在其他地方使用了相同的模式和脚本,它在那里工作得很好。
解决方案
在您的 onclick 中添加以下行
$('body').removeClass('modal-open');
推荐阅读
- react-native - 如何在本机反应中将数据从下一个屏幕发送到上一个屏幕并将数据附加到上一个屏幕状态变量的数组中
- asp.net-core - Razor 页面中的流利验证
- laravel-5 - 使用 laravel 将数组存储在 db 中的数组中
- python - Python:如何使用空格创建自定义 CLI 命令?
- c - 将 2 个 ctype.h 函数组合成 C 中的 IF
- sql - 查找 SQL Server 中多次注册的最大连续时间段
- scala - 未解决的依赖项 — com.typesafe.play#sbt-plugin;2.4.3:未找到
- android - Android Studio 中的 getSharedPreferences(名称:“数据库”)错误
- shopify - 如何使用资产 API shopify 主题在主题中添加液体文件 URL
- logging - 在 Centos 上使用 HEC 流利