양식을 제출할 때 javascript blockUI가 firefox에서 작동하지 않습니다

jquery.blockUI.js을 내 html 페이지에 추가하고 스크립트에서 사용했습니다. 내 HTML 페이지 :양식을 제출할 때 javascript blockUI가 firefox에서 작동하지 않습니다

<form class="form-horizontal" role="form" id="form" method="POST" > 
    <button type="submit" class="btn btn-default btn_red" id="btnSubmit">Submit</button> 
</form> 
{% block customjs %} 
    <script src="js/jquery.blockUI.js"></script> 
    <script type="text/javascript"> 
     $(document).ajaxStop($.unblockUI); 
     $(document).ready(function() { 
      $("#form").submit(function(){$.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
     }); 
    </script> 
{% endblock %}

Firefox 50.1.0 버전에서는 작동하지 않습니다. 이것을 submit 블록에 사용하면 작동하지 않습니다. 단추에서 onclick 메서드를 사용해 보았습니다.

<button type="submit" class="btn btn-default btn_red" id="btnSubmit" onclick="testing()">Submit</button> 
<script> 
    function testing() { 
     $.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
    } 
</script>

효과가 없었습니다. 마지막으로 나는 이것을 시도했다.

$("#btnSubmit").click(function(){$.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
});

이것은 파이어 폭스에서도 작동하지 않는다. 그러나 Chrome에서 근무했습니다. 파이어 폭스에서 어떻게 실행 시킬지 해결책을 알려주세요. 나는 파이썬 django 프로젝트를 만들고 있는데이 일을 끝내지 않고 프로젝트를 계속할 수 없다.

감사

는

출처

2017-01-25 bob marti

당신은 어떤 자바 스크립트 콘솔 오류를 볼 수 있습니까? 그렇다면 동일하게 붙여 넣으십시오. –

@AbijithMg 오류 없음 –

이 을 html 파일의 맨 위에 포함하십시오. –

첫 번째 코드는 document.ready()의 결말을 누락, 오류가있는 것. 또한 양식 제출시 기본값 방지를 시도했습니다.

나는 이것을 preventDefault()으로 테스트했으며 파이어 폭스와 크롬에서 작동하는 것으로 보입니다. With preventDefault() 제출 후 콘솔에 오류가 발생해야합니다.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
<form class="form-horizontal" role="form" id="form" method="POST" > 
 
    <button type="submit" class="btn btn-default btn_red" id="btnSubmit">Submit</button> 
 
</form> \t 
 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
 
<script src="http://malsup.github.io/jquery.blockUI.js"></script> 
 
<script type="text/javascript"> 
 
$(document).ajaxStop($.unblockUI); 
 
$(document).ready(function(){ 
 
$("#form").submit(function(e){ 
 
\t e.preventDefault(); 
 
\t $.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
 
}) 
 
}) 
 
</script> 
 
</body> 
 
</html>

출처

2017-03-28 11:27:39 azs06

이 작동하지 않습니다 –

내가 이것을 실행하면 오류가 발생했습니다 –

당신이 얻고있는 오류를 공유 할 수 있습니까, 내 스 니펫에서 작동하는 것 같습니다. – azs06

양식을 제출할 때 javascript blockUI가 firefox에서 작동하지 않습니다

답변

관련 문제