0

おそらくいくつかのフォーマットの問題があります...私はすでにstackoverflowのさまざまな例をチェックしました..しかし、「ロード」がうまくいかない理由はまだわかりません。ここに2つのファイルがあります：

ファイル1(index.html):

<!doctype html>
<html>
    <head>
        <title>Load remote content into object element</title>
        <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    </head>
    <body>
        <div id="siteloader"></div>​
        <script>
            $('#siteloader').load('test.html #content2');
        </script>
    </body>
</html>

ファイル 2 (test.html):

<!doctype html>
<html>
    <div id="content1"><p>Some content1</p></div>​
    <div id="content2"><p>Some content2</p></div>​
    <div id="content3"><p>Some content3</p></div>​
</html>

両方のファイルが同じフォルダーにあります。index.html をブラウザ (Iceweasel(Firefox) または Epiphany) で開くと、白いページしか表示されません。それが問題になる場合、私はDebian（カーネル：2.6.32-5-amd64）に取り組んでいます。

4

1 に答える 1

3

セレクター文字列が正しくありません。引用符が多すぎます。$(document).ready()また、コードをコールバックに入れます。

$(document).ready(function() {
    $('#siteloader').load('test.html #content2');
});

また、jQuery はバージョン 1.9.1 です。更新を検討したいと思います。

また、test.htmlファイルに<body>タグを付けてみてください。

于 2013-04-16T06:18:10.230 に答える