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

送信イベントのデフォルトのアクションを防ぐ必要があります。デフォルトでは、ボタンのtype属性はsubmitです。

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

type='button'または、ボタン要素に属性を追加します。

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