jQuery ロード機能を動作させることができないようです。
私のHTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="Jquery_script.js"></script>
<script>$(document).ready(function(){ladda(); });</script>
</head>
<body>
<form namne="load">
<fieldset>
<legend>load</legend>
<table>
<tr>
<td><div id="L1"><h1>vill du ändra denna text</h1></div></td>
</tr>
</table>
<button id="load_text">ändra</button>
</fieldset>
</form>
</body>
</html>
問題は、読み込みボタンが外部コンテンツを読み込まないことです
JavaScript ファイル:
(function($){
ladda = function() {
$("#load_text").click(function(){
$("#L1").load("innehall.txt", function() {
alert('Load was performed.');
});
});
};
})(jQuery);
および外部 .txt ファイルのみ
<h2>du har ändrat innehållet</h2>
<p>detta är det nya innehållet</p>
ボタン「ändra」を押したときに .txt ファイルが div id="L1" タグを置き換えない理由を理解してください。