使用Jquery将HTML插入DIV

Question

这是我的第一个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代码以来，它一直没有。 谁能告诉我我要去哪里错了，最好是突出我做错了什么。 谢谢。

Answer 1

只需替换国家点击与此

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

并在网址上加上引号

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

Answer 2

已为您修复。

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

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

您的网址不是字符串，并且缺少结尾括号。

Answer 3

将您的网址放入''

看到它在这里工作--> http://jsfiddle.net/uhEgG/8/

此外，您可能需要委派接近这样的（ 正如您要更换里面的html #country_slide其中包含你的#close ）

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