ウィンドウの幅が600pxより小さい場合、既存のdivにHTMLファイルをロードする必要があります。jQueryのロード機能がローカルで動作しない
コードは次のとおりです。
<head>
<script>
$(document).ready(function(){
if($(window).width() < 600) {
$("#testing_div").load("C:/Users/elena/Desktop/Demo/prova.html");
}
});
</script>
</head>
<body>
<div id="testing_div"> </div>
</body>
私は私のウェブサイトにこのコードをテストしているし、それが動作しますが、多分私はそれがローカルで動作させるために何か間違ったことをしています。
load
機能がローカルではなくウェブサーバー上でのみ機能する理由はありますか?
ローカルファイルシステムにリクエストすることはできません。ウェブサーバーを使用する必要があります。 –
あなたのブラウザコンソールはあなたの親友です。クロスオリジン要求は、プロトコルスキーム(http、データ、クロム、クロムエクステンション、https、クロムエクステンションリソース)でのみサポートされています。また、jQueryライブラリにはどこにリンクしていますか?これは ''タグの間であるべきです – NewToJS
このタイプのファイルシステムアクセスがクライアント側から利用可能である場合、どのようなセキュリティ問題が発生するかを想像してください。 – px5x2