0

我搜索了互联网,直到我变蓝,但无法弄清楚它为什么不起作用。

我有javascript,但这仅适用于firefox。没有其他浏览器。

所以,我决定去jQuery。

我想做的是: - 我有一个文件夹。- 在这个文件夹中,我有一个 html.html 文件。这是我的主要网站。- 然后我有一个文件 home.html。

html.html 看起来像这样:

<html>
    <head>
        <title>
            Struggeling with jQuery ajax! *******
        </title>
    </head>
    <body>
        <div="one">
            Load the page here
        </div>
    </body>
</html>

home.html 看起来像这样:

    <html>
        <head>

        </head>
        <body>
            Please load this into the div! (this text will be displayed in other words)
        </body>
    </html>

我到底怎么能用 jQuery 得到这个?请帮我。我无法做到这一点。

==================================================== ====================================

好的,这就是现在的样子。在我的文件中,我有 home.html:

<html>
    <head>
        <title>
            Struggeling with jQuery ajax! *******
        </title>
        <script language="javascript" src="jQuery.js"></script>
        <script>
            $(document).ready(function() {
                $("#one").load("html.html body");
            });
        </script>
    </head>
    <body>
        <div id="one">
            Load the page here
        </div>
    </body>
</html>

我下载了 jQuery 的开发版本,这是 home.html 所在的文件(jQuery.js)。

然后在另一个 html.html 中看起来像这样:

<html>
    <head>

    </head>
    <body>
        Please load this into the div! (this text will be displayed in other words)
    </body>
</html>

但这不起作用。我没有收到“请将此加载到 div 中!(此文本将显示为换句话说)”

4

2 回答 2

2

试试这个jquery

<script>
$(document).ready(function() {
    $("#one").load("home.html body");
});
</script>

此外,更新您的 html.html(我不喜欢这个名称,顺便说一句,使用 index.html 作为主页)目标 div ID。

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

编辑:我也看不到你引用你的 jQuery 库的地方,一定要这样做!

于 2013-04-05T20:34:14.040 回答
0

首先给你的 div 一个正确的 ID。

<div id="one">
    Load the page here
</div>

然后使用 jQuery 获取和加载,使用jQuery.load()函数。

$('#one').load('folder/html.html', function() {
  alert('Load was performed.');
});

还要删除任何“加倍”标签。换句话说,当您插入时,html.html您不想要:

<div id="one">
     <html>
          <body>
               Stuff
          </body>
     </html>
</div>

它看起来很难看,可能会导致问题。所以删除那些额外的<html><body>标签。

于 2013-04-05T20:37:21.760 回答