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>

有谁知道为什么console.log();函数中的.on("submit")在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
  });
});

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

1 个答案: