3

我在函数中有一个简单的 JQuery 加载语句[忽略命名]。正如它所呈现的那样，它不起作用。当表单标签被删除时，它会这样做。感谢您对为什么会发生这种情况的建议..

<!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>
4

1 回答 1

2

您应该防止提交事件的默认操作，默认情况下按钮的类型属性是提交：

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

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

<button id="getCalc" type="button">Double</button>
于 2012-12-20T05:15:48.710 回答