javascript - 尝试使用按钮将 HTML 加载到 div 中

Question

我花了足够的时间在谷歌上搜索这个问题，以便放心地发布这个 - 尽管我确信这是一个简单的解决方案。我刚刚进入网络开发领域，请原谅我的无知。正如标题所示，我只是想在按下按钮后将 HTML 文件的内容显示在 div 中。这是我的代码:

HTML:

<button id="button" class="linkGeneration">Press me</button>

<div id="renderArea" class="contentArea">
    <!-- CONTENT SHOULD GENERATE HERE -->
</div>

Javascript:

$(document).ready(function() {
    $('button').click(function(e) {
      e.preventDefault();
      $("#renderArea").load($(this).attr('../html/content.html'));
    });
});

我没有收到任何错误，该按钮根本不执行任何操作。我的 HTML 中也正确应用了 Jquery。

关于如何解决此问题或可能更简单的其他方法有什么建议吗？谢谢。

Answer 1

该按钮没有名为 ../html/content.html 的属性，因此 $(this).attr('../html/content.html') 没有返回任何内容。

如果您想从 URL 加载，只需将其用作 .load() 的参数即可，不需要 .attr()。

$(document).ready(function() {
    $('button').click(function(e) {
      e.preventDefault();
      $("#renderArea").load('../html/content.html');
    });
});