6

首先，我花了最后几个小时浏览相关主题的 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代码。我尝试过使用加载和获取，但似乎都没有工作。这是我的骨架代码：

$(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 似乎没有改变。我认为问题在于加载和获取尝试不起作用，它们似乎没有按预期提取数据。

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

4

2 回答 2

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

你错过了function(){

于 2013-03-12T19:26:16.083 回答
1

除了 Brad M 指出的语法错误之外，请记住，如果 AJAX 调用不是从服务器发出的，大多数浏览器都会阻止它们，所以如果你没有运行本地主机，你很可能会得到一个访问控制- 进行 AJAX 调用时出现允许来源错误。

在此处查看更多信息：在 Javascript 中获取本地 HTML 文件的 HTML 代码

于 2013-03-12T19:36:54.437 回答