javascript - 使用 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);
    });

并在 url 上添加引号

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

Answer 2

给你修好了。。

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

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

您的 URL 不是字符串，并且缺少结束括号。

Answer 3

把你的网址放在里面''

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

此外，您可能需要像这样委托关闭（因为您要替换其中包含您的html#country_slide#close）

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