Question

我似乎无法使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>

请帮助我弄清楚为什么.txt文件在按下“ändra”按钮时没有替换div id =“L1”标签。

Answer 1

检查文件的路径并注意：Chrome（如果您使用该浏览器）不允许本地XHR请求（例如，您不能将less.js与本地.less文件一起使用）。

加载Txt文件时出现JQuery Load（）错误

1 个答案: