javascript - 模式关闭后无法在页面上滚动

Question

我有一个更新数据的模式。更新完成后，模式关闭，之后我无法在页面上滚动。

模态

<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">&times;</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]);

    }

我不知道发生了什么。我在别处使用了相同的模式和脚本，在那里工作正常。

Answer 1

在你的onclick中添加下面一行

$('body').removeClass('modal-open');