1

同じ場所にある別の html ページ ("index.html") 内に html ファイル ("hello_world.html") をロードしたいと考えています。これは私が書いたコードです。しかし、何もロードしていません。両方のアラートが機能しています (jquery が機能しているかどうかを確認するために意図的に指定しました。他に使用することはありません) コードのエラーは何ですか? 私はajaxを使いたくない。

</head>
 <script type="text/javascript" src="../jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
        alert("ya loaded");
        $('#container').load('hello_world.html');
    alert("finished");  
  });
</script>
</head>

<body>
<div id="container">
</div>

</body>
4

3 に答える 3

4

さて、1 つのディレクトリに次のファイルがあります。

helloworld.html

<p>hello!</p>

test.html

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
            $('#container').load('helloworld.html');
        });
    </script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

test.html をブラウザで読み込むと「hello!」と表示されるので、jQuery が正しく読み込まれているか確認してください。

于 2012-11-16T21:22:07.010 に答える
3

firebug または chrome 開発コンソールを使用して、考えられる間違いをチェックしてください。

編集：

ajax を使用すると、ブラウザーがfile:///プロトコルを使用して ajax をロードしないことがあります。ローカルで Web サーバー (Windows の xampp または単に apache など) を使用し、http://プロトコルで Web サイトにアプローチする必要があります。

それがあなたの問題の原因である可能性が非常に高いです。

于 2012-11-16T21:29:19.467 に答える