1

我想在另一个 html 页面(“index.html”)中加载一个 html 文件(“hello_world.html”),这两个文件位于同一位置。这是我写的代码。但它没有加载任何东西。两个警报都在工作(我故意给它检查 jquery 是否工作。没有其他用途)代码中的错误是什么?我不想使用ajax。

</head>
 <script type="text/javascript" src="../jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
        alert("ya loaded");
        $('#container').load('hello_world.html');
    alert("finished");  
  });
</script>
</head>

<body>
<div id="container">
</div>

</body>
4

3 回答 3

4

好吧,我在一个目录中有以下文件:

helloworld.html

<p>hello!</p>

测试.html

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
            $('#container').load('helloworld.html');
        });
    </script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

在浏览器中加载 test.html 会产生“hello!”,因此请检查您的 jQuery 是否正确加载。

于 2012-11-16T21:22:07.010 回答
3

使用您的 firebug 或 chrome 开发控制台检查可能的错误。

编辑:

使用 ajax 时,有时浏览器不会使用file:///协议加载它。您应该在本地使用 Web 服务器(例如 Windows 上的 xampp 或只是 apache),并以http://协议访问您的网站。

这很可能是您的问题的原因。

于 2012-11-16T21:29:19.467 回答
-1

解决方案非常简单:

您编写的就绪函数(行)不正确,因此您必须编写不带引号的文档工作,它将如下所示:

$(document).ready(function()({

}); 
于 2018-12-12T14:05:11.180 回答