2016-08-16 9 views
0

jQuery、特に実際の例からjScrollを学びたいと思っています。私はあなたに愚かに見えるかもしれないthis websiteを見つけましたが、それはシンプルなので、私のためのjScrollの仕事の素晴らしい例です。無限スクロールがオフラインで動作しない

問題は、オフラインで使用するためにウェブページ(Ctrl + Sまたはページを別名で保存)を自分のコンピュータに保存しようとしたときに発生します。スクロールは機能しません。静的なページです。私はChromeとFirefoxの両方で試しました。

これもあなたに起こりますか?それが起こった場合、それがなぜ機能しないのかについての簡単な説明はありますか?

+0

ブラウザは、ローカルに保存されたファイルを表示するときにJavascriptを無効にすることがよくあります。 – IMSoP

+0

http://stackoverflow.com/questions/15872414/working-with-jquery-when-there-is-no-internet-connection – Wenson

+0

私が見たように、彼らはそこにリソースのための直接jqueryのAPIを使用しているので、まずダウンロードする必要がありますjsファイルを作成し、オフラインで使用します。 – Ranjan

答えて

1

tl; dr馬の足は、クロスオリジンhttpリクエストであるhttp://endless.horse/からのajaxリクエストを介して動的に追加されるため、ブラウザのセキュリティ上の理由から制限されています。また、ajaxリクエストを許可するにはサーバーを実行する必要があります。

https://developer.chrome.com/extensions/xhr https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

スクロールイベントが発生した場合には、http://endless.horse/legs.htmlに引っ張って継続的に足を「成長」するためにHTMLに追加します。ローカルで動作しない理由は2つあります。

  1. セキュリティ上の理由から、クロスオリジンHTTPリクエストは許可されていません。 https://developer.chrome.com/extensions/xhr
  2. ajaxを動作させるには、HTTPサーバー経由でhtmlファイルを実行する必要があります。ページを保存して開くと、URLはfile:///のように始まります。これは、ファイルを直接開いてWebサーバーを経由しないためです。

OSXまたはLinuxを実行している場合は、Pythonを使用して簡単なサーバーを作成できます。 1. Windows上で使用している端末 2. cd /path/to/horse/project 3. python -m SimpleHTTPServer 5000 4.訪問http://localhost:5000/

を開き、XAMPPをダウンロードして、指示に従ってください。

「名前を付けて保存」機能を使用する代わりに、配信中のフォルダのルートに新しいindex.htmlを作成します。ソースを表示http://endless.horse/あなたの新しいファイルにコピー/貼り付けてください。 [名前を付けて保存]機能は、保存されたHTMLファイルに対して多くの編集を行います。これをして、ファイルがjquery.jscroll.jslegs.htmlファイルに正しくリンクされていることを確認する必要があります。

+0

ありがとう!今私はそれをずっとよく理解しています。 – Jeyekomon

関連する問題