JQuery .load - 调用按钮时表单标记不工作

我有一个简单的JQuery负载分析函数[ignore the naming]。如它所示，它不起作用。当表单标签被删除时，它会。感谢您对会出现这种情况建议..JQuery .load - 调用按钮时表单标记不工作

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>HTML 5 Document</title> 

<script type="text/javascript" src="../js/jquery-1.8.3.js"></script> 

<script type="text/javascript" > 

$("document").ready(function() { 

$('#getCalc').bind('click' , getPlainHTMLfromServer); 
}); // end ready 

function getPlainHTMLfromServer() { 
$('#content').load("plainHTML.html"); 

}// end getPlainHTMLfromServer() 

</script> 
</head> 

<body> 
<div id="content"></div> 
<form> 
<button id="getCalc">Double</button> 
</form> 
</body> 
</html>

来源

2012-12-20 user1917663

你应该防止的默认操作提交事件，默认按钮的type属性是提交：

function getPlainHTMLfromServer(event) { 
    event.preventDefault(); 
    $('#content').load("plainHTML.html"); 
}

或者添加type='button'属性到按钮元素：

<button id="getCalc" type="button">Double</button>

来源

2012-12-20 05:15:48 undefined

您需要移动event.preventDefault（）;最后..... –

@RohitPatel不，这不是'return *'语句。 – undefined

啊这么简单..非常感谢.. – user1917663

JQuery .load - 调用按钮时表单标记不工作

回答

相关问题