jQuery の「load()」関数が Chrome と IE では失敗するのに、Firefox では機能するのはなぜですか?

Chrome および IE における jQuery load() の回帰

Web 開発の世界では、jQuery のload() 関数は、コンテンツを Web ページに動的にロードします。ただし、ユーザーは最近、load() が Firefox でのみ機能し、Chrome と Internet Explorer では失敗するという問題を報告しました。

この矛盾を調査するために、元の投稿者が提供する簡単な例を調べてみましょう。

Index.html

<code class="html"><div id="stage"></div>

<script>
  $( "#stage" ).load( "list1.html" );
</script></code>

List1.html

<code class="html"><div id="list">
  <li>Test</li>
  <li>Foo</li>
  <li>Bar</li>
</div></code>

観察によると、項目は Firefox では正しく表示されますが、Chrome または IE では表示されません。これはブラウザ関連の問題を示唆しています。

解決策: ブラウザ設定の調整

この問題の解決策は、ブラウザがファイル アクセスを処理する方法を理解することにあります。デフォルトでは、ブラウザのセキュリティ対策により、Web ページがローカル ファイルにアクセスする機能が制限されることがよくあります。

Chrome および クロムベースのブラウザの場合、「--allow-file-access-from-files」という名前のフラグを設定する必要があります。ページがローカル ファイルにアクセスできるように設定します。これは、次のコマンドでブラウザを起動することで実行できます:

chrome.exe --allow-file-access-from-files

参考資料:

• [Google Chrome フラグを作成するにはどうすればよいですか "- -allow-file-access-from-files" は永続的ですか?](https://superuser.com/questions/1173194/how-do-i-make-the-google-chrome-flag-allow-file-access-from -files-permanent)

提供されたソリューションに従ってブラウザ設定を変更することで、ユーザーは Chrome および IE で jQuery のload() 関数の予期される動作を復元し、動的にロードできるようになります。ローカル ファイルのコンテンツ。

以上がjQuery の「load()」関数が Chrome と IE では失敗するのに、Firefox では機能するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。