用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其中包含您）

您可能需要委派接近這樣的

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