1

ゴール：

click_divがクリックされると、スクリプトは $.get() メソッドを使用して自分のコンピューターからファイル ( text.html ) を読み取り、divのhtml ( cont_div ) をファイルのコンテンツに設定する必要があります。

コード： 

$(document).ready(function() {
    $('#click_div').click(function(){
        var HTML_FILE_URL = 'text.html';
        $.get(HTML_FILE_URL, function(data){
            alert(data);
            $('#cont_div').html(text);
        });
    });
});

問題：

click_divをクリックした後、cont_divの内容は空白のままになります。get メソッドが読み取った内容を表示するアラートを設定すると、空白のダイアログが表示されます。

さらに詳しい情報：

• ファイルは、.js ファイルおよびindex.htmlページ ファイルと同じフォルダーにあります。

• 他のすべての JavaScript 関数は正常に機能します。

質問：

alert 関数が何も表示しないのに、まだ呼び出されているとすれば、何が間違っているのでしょうか? いろいろ試しましたが、本当にうまくいきません。

4

1 に答える 1

0

間違った変数を追加しているようです

$('#cont_div').html(text);

おそらく

$('#cont_div').html(data);

また、調べてみます$.load()。あなたの場合は少し簡単になると思います。

何かのようなもの：

$(document).ready(function() {
    $('#click_div').click(function(){
        var HTML_FILE_URL = 'text.html';
         $('#cont_div').load(HTML_FILE_URL);
    });
});

動作するはずです。

于 2013-08-28T18:11:40.350 に答える