前端知識還是不能懈怠，可能是好久不在form 里寫button,就想把input type button去掉試一試， 果不其然真的出現毛病了
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> <button id="test" >提交</button> </form> <script src="jquery.min.js"></script> <script> $(function () { $('#test').click(function () { console.log(11111111111); }) }) </script> </body> </html>
這樣點擊事件一直在刷新界面,j結果一閃而過，需要在最后加上return false;
such as:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> <button id="test" >提交</button> </form> <script src="jquery.min.js"></script> <script> $(function () { $('#test').click(function () { console.log(11111111111); return false; }) }) </script> </body> </html>
感覺大佬是不會范這個錯誤的