1

こんにちは、スクリプトが機能しないことについて少し混乱しています。これが私の状況です。次のコードがあります。

<script src="jquery.js"></script>
<script>
    $(document).ready(function(){

        $('a#Press_one').click(function(event){
            event.preventDefault();
            $('div#main_left').load('1.html');

        })

    });
</script>
</head>
<body>
         <div id="main_left"></div>
         <a href="#" id="Press_one">Citeste mai mult...</a>
</body>
</html>

NetBeans IDE を使用してこれを作成しましたが、実行すると非常にうまく動作します。ファイルを index.html という名前で保存し、ファイルが置かれているフォルダーに移動しました。リンクをダブルクリックしましたが、奇妙なことは、それが機能しないことです。NetBeans で再試行したところ、機能しました。何が問題なのですか?

4

5 に答える 5

0

これを試して:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){

        $('a#Press_one').click(function(event){
            event.preventDefault();
            $('div#main_left').load('1.html');
        })
    });
</script>
</head>
    <body>
         <div id="main_left"></div>
         <a href="#" id="Press_one">Citeste mai mult...</a>
    </body>
</html>

コンテンツ配信ネットワークまたは CDN を使用して、必要なすべてのファイルを取得することをお勧めします。多くの JavaScript ライブラリや、Google や Microsoft の CDN には含まれていない他の種類のライブラリがありますが、jQuery はほぼすべての CDN に含まれています。

上記のコードをチェックして、実際に js ファイルを取得していることを確認し、何らかの理由で jQuery がロードされず、true になる場合は、JavaScript エラーがないかブラウザのツールをチェックしてwindow.$ == undefinedくださいwindow.jQuery == undefined。Remember$は の省略形ですjQuery

于 2013-05-21T16:16:21.870 に答える
0

Chrome または Firefox を使用していますか? Chrome の場合、jQuery が見つからなくても問題ありません。これを実行すると、javascript コンソールに次のエラーが表示されます。

Origin null is not allowed by Access-Control-Allow-Origin.

これは基本的に、ブラウザのブロックするセキュリティ機能XMLHttpRequestですload。これは、ローカル ファイルから ajax っぽいことをしようとするときによくあることです。ファイル サーバーで提供する場合は問題ありませんが、スクリプトによるセキュリティの問題を防ぐために、Chrome はローカル ファイルからこれを実行しません。

これを Firefox で実行すると、動作します。Chrome では、ローカル ファイル システムからスクリプトを読み込むためのセキュリティ制限が厳しくなっています。

このスタックオーバーフローの質問にも良い議論があります: Origin null is not allowed by Access-Control-Allow-Origin

于 2013-07-23T13:45:33.570 に答える
0

load() を読んだ後、この質問のコードが機能しない理由は明らかです。

しかし、html に div #main_left がありません。これをローカルで div で試したところ、正常に動作しました

于 2012-05-10T19:05:42.317 に答える
0

ただの予感ですが、jquery.js ファイルを html ファイルの新しい場所にコピーしなかったに違いありません。

于 2012-05-10T18:33:08.043 に答える
-3

ブラウザでスクリプトタグを解析する必要があります... 以下のようにスクリプトタグに type="text/javascript" を追加してみてください:

<script type="text/javascript">/*theFunction()*/</script>

そして、div#main_left はどこにありますか? http://jsfiddle.net/sVaHa/

于 2012-05-10T18:35:01.647 に答える