Jquery.submit不在chrome上工作
我正在研究ajax。Jquery.submit不在chrome上工作,jquery,ajax,Jquery,Ajax,我正在研究ajax。 浏览器是谷歌浏览器。 我的浏览器提交表单,而不是在单击“提交”时提醒“确定”。 这里怎么了 <html> <head> <script type="text/javascript" src="/cp/scripts/jquery-1.7.2.js"></script> <script language="javascript"> $("#test").submit(funct
浏览器是谷歌浏览器。
我的浏览器提交表单,而不是在单击“提交”时提醒“确定”。 这里怎么了
<html>
<head>
<script type="text/javascript" src="/cp/scripts/jquery-1.7.2.js"></script>
<script language="javascript">
$("#test").submit(function(){
//$.post("test.php", this.serialize());
alert('ok');
return false;
});
</script>
</head>
<body>
<form id="test">
<input type="text" name="name">
<input type="submit">
</form>
</body>
</html>
$(“#测试”).submit(函数(){
//$.post(“test.php”,this.serialize());
警报(“正常”);
返回false;
});
执行脚本时尚未定义表单。将其包装在事件中:
我可以看到下面的问题:“什么没有定义?”。是的:
。。。
#嘿,一个脚本标记,让我们等待,然后加载资源。
#嘿,一个脚本标签!
$(“#测试”).submit(函数(){
//$.post(“test.php”,this.serialize());
警报(“正常”);
返回false;
});
#脚本块已结束,让我们分析脚本
# ... *调用*$(“#测试”)。。。。
#现在,定义了测试。太晚了。。。
# ...
首先,确保函数正在文档上执行。准备就绪
,然后不要忘记防止提交
事件的默认行为:
$(document).ready(function() {
$("#test").submit(function(evt){
evt.preventDefault();
alert('ok');
return false;
});
});
铬合金测试。@HardeepBrah-太好了,我很高兴听到这个消息。如果我的回答对你有帮助,请记住接受。
...
# Hey, a script tag, let's wait, and load the resource.
<script type="text/javascript" src="/cp/scripts/jquery-1.7.2.js"></script>
# Hey a script tag!
<script language="javascript">
$("#test").submit(function(){
//$.post("test.php", this.serialize());
alert('ok');
return false;
});
</script>
# The script block has ended, let's parse the script
# ... *calls* $('#test'). ....
# Now, #test is defined. Too late...
<form id="test">
# ...
$(document).ready(function() {
$("#test").submit(function(evt){
evt.preventDefault();
alert('ok');
return false;
});
});