陷入jQuery加载方法

Stuck on jQuery load method

本文关键字：方法 加载 jQuery 陷入      更新时间：2024-03-25

这是一个以一般形式被问了很多次的问题，但我的问题可能是我的代码特有的。我是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();，但没有任何作用。谢谢你的光临！

检查之前

  • 你确定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);
  }
});

确保在调用html文件中包含jquery文件。比如

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

你怎么说你被击中了？

这应该在我测试它以进行确认时起作用。尝试在加载前后添加警报。确保param.html位于的同一文件夹

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

只在param.html中添加您的内容，如下。。。。

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

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

试一下就好了。。

抱歉，因为我使用的是Chrome，所以这是Access Origin头的问题。我安装了Firefox，重新启动了网站，一切都很好。

相关文章：