javascript - 使用另一个 html 文件的内容通过 jquery 更改 div 内容

Question

首先，我花了最后几个小时浏览相关主题的 stackoverflow。他们中的许多人似乎与我遇到的问题非常相似，甚至有一对与我的问题几乎完全相似。但是，对他们有用的修复程序似乎对我不起作用。我认为我最好发布我的代码并让其他人查看它们；我会尽量详细。

我正在尝试做的事情: 我有一个页面设置，里面有 li 的链接，当它被点击时，它应该从我制作的另一个页面中提取一些 html 内容。更具体地说，它应该从该页面的特定 div id 中提取 html 内容。我无法从中提取任何内容，也无法将其发布到我的主页 div。

我的带有导航菜单的 HTML 部分:

<ul id="nav_main">
    <li class="navLink">link here</li>
</ul>

应该动态变化(点击时)的 div 被标记为:

<div id="main_content">
    <p></p>
</div>

我从中提取数据的另一个 .html 文件有一个如下所示的 div:

<div id="one">blahbalhblahblahlbhalbhlah</div>

我遇到困难的部分是 javascript 代码。我试过使用 load 和 get，但似乎都不起作用。这是我的框架代码:

$(document).ready(function(){
    $("#nav_main li").on("click", function() {
        // here was my first attempt:
        $("#main_content p").load("contentholder.html #one");

        // my second attempt, using get():
        $.get("contentholder.html", function(data) {
            $("#main_content p").html(data)
        });
});

我的问题是#main_content 似乎没有改变。我认为问题在于加载和获取尝试不起作用，它们似乎没有按预期提取数据。

所有这些文件都在我的本地驱动器上。任何帮助将不胜感激

Answer 1

$(document).ready(function(){
     // your code here
});

您缺少 function(){