Question

我希望在html页面上有一个<div>容器，从另一个文件中加载文本。（我目前正在我的机器上进行本地测试。）我正在做的最简单的例子如下。

的index.html

<!DOCTYPE HTML>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#Target').load('x.html');
        });
    </script>
</head>
<body>
    <h1>Homepage</h1>
    <div id="Target">
    </div>
    <hr>
</body>
</html>

x.html

Hello, World!

我已经检查过，似乎JQuery正在加载好，但是＆＃34; Hello World＆＃34;文本不会加载到<div>容器中。

我确定有一些显而易见的东西，我没有看到。

这样做的完整目标是拥有一组可折叠按钮，根据您点击容器的哪个按钮加载不同的文本。

Answer 1

感谢所有评论，问题是由于安全协议，chrome不允许我使用第二个文件。答案是：

使用其他浏览器（Safari或Firefox为我工作）
将其放在本地服务器上

使用JQuery

1 个答案: