9

.load()私に迷惑をかけています。セクションローダープロジェクトに取り組んでいますが、必要なファイルを取得できないようです。

私が達成しようとしているのは、ドキュメントの読み込み時に空です #sectionContainerが、ドキュメントの準備ができていると、Pages1.html. これは JavaScript ファイルによって行われますsections.js。JS ファイルと index.html は同じフォルダーにありません。これがサイト構造です（私は自分のサイトで多くのプロジェクトを実行しています）

  • メインフォルダー
  • プロジェクト1
  • プロジェクト 2 (sectionLoaderTest/)
    • index.html
    • Pages1.html
    • Pages2.html
    • css/
    • js/
      • section.js
  • プロジェクト 3
  • ...

そして、私が Pages1.html を準備完了でロードするために使用するコード:

$(document).ready(function () {
    $("#sectionContainer").load("../Pages1.html", function (response, status, xhr) {
        if (status == "error") {
            var msg = "An error occurred. Status code: ";
            $("#error").html(msg + xhr.status + ". Status text: " + xhr.statusText);
        }
    });
});

私が知っているすべての可能な方法（/、./、.、../、..）を試しましたが、何もうまくいかないようです。

私が間違っていることを誰かが知っていますか？

4

2 に答える 2

8

./Pages1.html動作するはずです。アドレスバーでそれらのすべてのアカウントをテストしました。

于 2012-05-15T16:45:56.500 に答える
1

AJAX URL は、現在表示しているページに対して相対的である必要があるため、"Pages1.html". テストケース (..Pages1.html) にあるものは、有効な参照ではないため、機能しません。(あなたは ../Pages1.html をするつもりでしたか?)

于 2012-05-15T16:44:47.430 に答える