2012-05-15 32 views
8

​​は私に問題を与えています。私はセクションローダープロジェクトに取り組んでおり、必要なファイルを取得できないようです。私は達成しようとしています何.load()と相対パス

#sectionContainerは、文書の負荷に空ですが、書類準備にそれがPages1.htmlで「満たされ」ています。これは、JavaScriptファイルsections.jsによって行われます。 JSファイルとindex.htmlは同じフォルダにありません。ここでは、サイト構造である

  • メインフォルダ
    • プロジェクト1
    • プロジェクト2(sectionLoaderTest /)
        (私は自分のサイト上でのプロジェクトの多くを実行しています)
      • index.html
      • Pages1.html
      • Pages2.html
      • CSS/
      • JS/
        • sections.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); 
     } 
    }); 
}); 

私はすべての可能な方法を試してみました(。/、./、../ ..)と何も動作していないようです。ここにはtest caseがあります。

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

+1

'。/ Pages1.html'が動作するはずです。 –

+0

FML。私はそれを試みたと確信しています。どうやら私はしていなかった。あなたが答えとしてあなたのコメントを投稿したら、それを正しいものとしてマークします。 :) どうもありがとう! –

+0

コメント、歓声として掲示される。 –

答えて

8

./Pages1.htmlはうまくいきます。アドレスバーにすべてのアカウントをテストしました。

1

あなたのAJAXのURLはあなたのページに相対的である必要がありますので、"Pages1.html"が必要です。あなたがテストケース(..Pages1.html)で持っているものは、有効な参照ではないので、決して動作しません。 (あなたは../Pages1.htmlをやっているのですか?)