ボタンのテキストを更新するための単純な JS コードがあります。
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
<table border='1'>
<div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;">Load button</div>
<script type="text/javascript">
//wait for HTML document
$(document).ready(function() {
$('#load-button').click(function() {
$.ajax({
url: 'http://developers-blog.org/resources/jquery-ajax/snippet.html',
success: function(data) {
$('#load-button').empty();
$('#load-button').append(data);
}
});
});
});
</script>
</body>
</html>
JQuery ライブラリは、index.php ページのあるフォルダーです。しかし、このコードは機能しません。教えてください、どこで間違いを犯したのですか?前もって感謝します。