javascript - 尝试使用 jQuery 将另一个 html 页面加载到 div 中。我看了其他帖子，但我的还是不行

Question

请看一下。编辑:这里是整个代码的 fiddle 链接:http://jsfiddle.net/e77aqubx/

这是 jQuery 的一部分(上面的所有内容似乎都工作正常)。我试图让portfolio.html 显示在#portfolio div 中(在单击其链接之前它是不可见的)。 portfolio.html 位于目录中的同一文件夹中，因此我认为不必担心链接。

    $("#portfolio_link").click(function(){
    $(".header").hide();
    $("#about").hide();
    $("#portfolio").show();
    $("#portfolio").load("portfolio.html");

});

我在 html 中为其设置了一个 div

<div id="portfolio">ooh blah dee</div>

在 jQuery 中我也尝试过:

$("#portfolio").show(function(){
    $("#portfolio").load("portfolio.html");
});

Answer 1

您考虑过使用 IFrame 吗？如果我正确理解您的问题，您可以简单地使用 .toggle()

之类的内容更改操作时元素的显示

示例:JSFiddle

编辑: 就当前的代码而言，当您的代码出现时，我确实需要查看更多信息，无论如何，以简单的形式，正确的。您能否提供您的文件结构，或者运行该事件时开发工具中网络选项卡的结果？或者甚至在您的 .load() 上尝试一下:

$( "#portfolio" ).load( "portfolio.html", function() {
  alert( "Load was performed." );
});

但是，重要的是要记住 .load() 是一个 ajax 调用，因此每次运行显示方法时，您都会通过 ajax 而不是一次性 iframe 渲染 View 。