我有一个更新数据的模式。更新完成后,模式关闭,之后我无法在页面上滚动。
模态
<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');
关于javascript - 模式关闭后无法在页面上滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56679148/