Jqueryを使用してこの小さなコードを作成し、外部HTMLファイルをdivにロードしましたが、機能しません。アイデアが不足しています。他のjqueryコードはすべて正常に機能します。感謝の気持ち:
<div id="zaladuj">
load external html file
</div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$('#zaladuj').click(function () {
$(this).load('s1.htm');
});
</script>
DOMが完全に読み込まれるまで待機する必要があるため、コードを jQuery.ready() 関数内にラップする必要があります。
<script type="text/javascript">
$(document).ready(function(){
$('#zaladuj').click(function () {
$(this).load('s1.htm');
});
});
</script>
<script type="text/javascript">
$('#zaladuj').click(function () {
$.ajax({
context: this,
dataType : "html",
url : "s1.htm",
success : function(results) {
$(this).html(results);
}
});
});
</script>