0

この pi.html と同じ場所に 1.html があります

pi.html

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$(function(){
    $('a').click(function(){
        $('#content').css( "border", "3px solid red" );
        $('#content').load("1.html");
       return false;
    })
});
});
</script>
</head>
<body><a href="1.html">1.html</a>
<div id="content"></div>
</body>
</html>

リンクをクリックすると、css が適用されますが、.load() が機能しません。アドバイスをいただければ幸いです。

4

2 に答える 2

2

Web サーバーではなくローカル マシンでこれをテストしている場合、動作しません。これは、http:// サーバーで動作する必要がある ajax 関数です。それ以外の場合、ファイルが適切な場所にある場合、編集: コードは正常に見えます。

詳細については、コンソールを確認してください。読み込みリンクをクリックすると、Google Chrome でコンソールの CONTROL+SHIFT+J が表示されます。

于 2013-11-06T17:58:49.313 に答える
0

ローカルで実行している場合、Chrome\Safari はローカル ファイル システムからの .load() リクエストをブロックします。

Firefox を使用するか、オプションとして --allow-file-access-from-files を使用して Chrome を実行できます。

また、Web サーバー上で実行すると問題なく動作します。

編集: この回答https://stackoverflow.com/a/13262673/2632329が役立ちます。

于 2013-11-06T19:15:53.463 に答える