Jquery 表单使用$.submit()不断刷新
我在这里有点摸不着头脑。每次我按下提交按钮,表单都会刷新页面,我从来没有收到“表单已提交”的消息。我不希望表单刷新页面Jquery 表单使用$.submit()不断刷新,jquery,form-submit,Jquery,Form Submit,我在这里有点摸不着头脑。每次我按下提交按钮,表单都会刷新页面,我从来没有收到“表单已提交”的消息。我不希望表单刷新页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Test</title> <script type="text/javascript" src="http://ajax
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
(function($){
$("#my-form").submit(function(e){
e.preventDefault();
alert("Form Submitted");
});
})(jQuery);
</script>
</head>
<body>
<form id="my-form" method="post" action="">
<input type="text" placeholder="Input something..." />
<input type="submit" value="Submit" />
</form>
</body>
</html>
试验
(函数($){
$(“#我的表格”)。提交(功能(e){
e、 预防默认值();
警报(“提交的表格”);
});
})(jQuery);
您需要用DOM就绪事件包装代码
$(function() {
...
});
现在,当DOM中的元素未就绪时,您的代码尝试绑定事件,因此事件永远不会附加