0

jquery の load 関数を使用して、html 全体/部分を読み込もうとしています。これは $.ajax() を使用しても実行できることは承知していますが、jquery のさまざまな機能の使用方法を学びたいと考えています。

これが私の現在のコードです：

<ul>
    <li><a id="home" href="#">Home</a></li>
    <li><a id="contact" href="#">Contact</a></li>
    <li><a id="gallery" href="#">Gallery</a></li>
</ul>


<div id="result">

</div>

<script>
$(document).ready(function(e) {
    $("#gallery").click(function(e){
        $('#result').load('gallery.html');
        e.preventDefault();
    });
 });
</script>

現在、それは機能していません。私もこれを取得しています ここに画像の説明を入力

XMLHttpRequest は file:///C:/Users/randel/Desktop/cis/gallery.html を読み込めません。Origin null は、Access-Control-Allow-Origin では許可されていません。

4

1 に答える 1

1

jQuery はファイル システムからファイルを取得できません。プロジェクトをWebサーバーまたはXAMPPなどのローカル開発サーバーに移動する必要があります

それ以外は、コードが機能するはずです。e.preventDefault()他のすべての前に置くことを忘れないでください：

$("#gallery").click(function(e){
    e.preventDefault();
    $('#result').load('gallery.html');
});
于 2012-07-07T12:28:24.743 に答える