jQuery console.log 在 Firefox 54 中提交时不起作用

Question

我有以下 jQuery 代码...

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <script src="js/jquery-1.12.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.serializejson.js"></script>
        <script type="text/javascript" src="js/jquery.json.min.js"></script>
        
        
        <script>
        $(function(){
            console.log("fuuuuu");  // OK
            $('#foo').on("submit", function(){
              console.log("bar"); // not OK 
              alert("foo_bar");   // OK
            });
        });                  
 </script>
    </head>
<body>
        <form id="foo">
        <textarea rows="4" cols="50">
        12
        3
        5</textarea>
        <input type="submit">
        </form>
    </body>
</html>

有谁知道为什么 .on("submit") 函数中的 console.log(); 在 firefox 中不起作用？使用 chrome 一切正常，只有 firefox 会发疯。

Answer 1

它有效，但在您点击提交按钮后它会重新加载页面，因此日志将丢失，使用 .preventDefault() 取消提交按钮的操作并查看您的日志

$(function() {
  console.log("fuuuuu"); // OK
  $('#foo').on("submit", function(e) {
    e.preventDefault(); // will not reload page (post data)
    console.log("bar"); // OK 
    alert("foo_bar"); // OK
  });
});

jQuery console.log 在 Firefox 54 中提交时不起作用

jQuery console.log while on submit in Firefox 54 does not work

firefox

jquery

console.log