Question

这个问题已经多次以一般形式提出，但我的问题可能与我的代码有关。我对jQuery很新，所以我确定我只是做了一些粗心大意并且没有意识到这一点。

编辑：我在构建它的时候在我的Dropbox文件夹上本地渲染它，这可能会有所作为。

如果要在主页面上的div中加载页面，可以执行以下操作：

<script>
$(document).ready(function(){
    $("#paramframe").load("param.html");
});
</script>

页面中的某个位置是<div id="paramframe"></div>，同一目录中的某个位置是名为param.html的页面。不知何故，这对我不起作用。

然而，这对我有用：

<script>
$(document).ready(function(){
    $("#paramframe").html("<p>Replaced</p>");
});
</script>

所以，马上，我知道并不是因为我没有加载jQuery而不是我创建了一个div错误。但是，如果我查看我的页面，它在浏览器中渲染得很好，我看不出有什么问题会让jQuery忽略它。

param.html的内容：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>This is where forms go.</p>
</body>
</html>

谁能看到我做错了什么？我尝试添加event.preventDefault();，但它没有做任何事情。谢谢你的期待！

Answer 1

检查前

您确定param.html与此目录位于同一目录中吗？页？
检查脚本源路径和param.html路径是否正确。

然后尝试这个并回复你的答案

$("#paramframe").load("param.html", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#paramframe").html(msg + xhr.status + " " + xhr.statusText);
  }
});

Answer 2

确保已在调用html文件中包含jquery文件。像，

<script src="jquery-1.5.8.js> </script>

你怎么说你被打了？

Answer 3

这应该有效，因为我已经测试过它以确认。尝试在加载前后添加警报。确保param.html在同一个文件夹中

Answer 4

请尝试$("#paramframe").load("./param.html");

Answer 5

只在您的param.html中添加您的内容....

<p>This is where forms go.</p>

避免添加“html，head，body”标签等。

试试一次..

Answer 6

对不起家伙，但这是一个Access Origin标题问题，因为我使用的是Chrome。我安装了Firefox，再次启动了网站，一切都很好。

坚持jQuery加载方法

6 个答案: