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 - 調用按鈕時表單標記不工作

回答

相關問題