使用Jquery将HTML插入DIV

时间:2013-06-05 20:02:26

标签: javascript jquery ajax

这是我的第一个jquery脚本之一。我想扩展一个DIV并加载一些外部html。这是我到目前为止的代码:

http://jsfiddle.net/spadez/uhEgG/5/

这是我的代码:

$(document).ready(function () {
var loadUrl = http://sheldonbrown.com/web_sample1.html

    $("#close").click(function () {
        $("#country_slide").hide();
    });

    $("#country").click(function () {
        $("#country_slide").show();
        $("#country_slide").html(ajax_load).load(loadUrl);
    });

});

扩展确实有效,但现在它没有添加Ajax代码。任何人都可以告诉我,我错了,理想的是突出我做错了什么。谢谢。

3 个答案:

答案 0 :(得分:0)

只需用此

替换国家/地区点击即可
$("#country").click(function () {
        $("#country_slide").show();
        $("#country_slide").load(loadUrl);
    });

并在网址上添加引号

var loadUrl = "http://sheldonbrown.com/web_sample1.html";

答案 1 :(得分:0)

为你修好..

var loadUrl = 'http://sheldonbrown.com/web_sample1.html';

http://jsfiddle.net/APkHN/1/

您的网址不是字符串,而且缺少结束括号。

答案 2 :(得分:0)

将您的网址放在''

在此处查看--> http://jsfiddle.net/uhEgG/8/

此外,您可能需要像这样委托关闭(当您替换包含#country_slide #close内的html时)

$("#country_slide").on('click','#close',function () {
        $("#country_slide").hide();
});