$ .get()方法JQuery什么都不读(html)

时间:2013-08-28 17:58:49

标签: javascript jquery html

目标:

点击 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函数都运行良好。

问题:

鉴于警报功能没有显示,但仍然被调用,我可能做错了什么?我尝试了很多东西,但它确实不起作用。

1 个答案:

答案 0 :(得分: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);
    });
});

应该有用。