javascript - 卡在 jQuery 加载方法上

标签 javascript jquery html css

这个问题已经以一般形式被问过很多次,但我的问题可能是我的代码所特有的。我是 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);
  }
});

关于javascript - 卡在 jQuery 加载方法上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20416145/

相关文章:

javascript - Protractor中使用describe或it时,使用function()和()有什么区别

javascript - 将 x 分成 y 部分随机数,最大值为 n

javascript - 使 <li> 元素比包含的 <ul> 元素拉伸(stretch)得更宽

javascript - 通过将图像分成几 block 来创建图像交换页面

javascript - 如何在ajax选项卡上设置简单的淡入/淡出效果

javascript - 如果脚本已经在浏览器缓存中,浏览器还会延迟加载脚本吗?

javascript - AngularJS 隔离范围指令

javascript - [错误]HTML5、Jquery - LightBox 仅显示最新信息

javascript - 如何使用 jQuery 从右边滑入,带过渡?

jquery - 如何将 Roundabout 制作的图片库与 Fancybox 集成?