Javascript Jquery简单ajax-插入html

当一个div被选择时，我希望通过ajax将html内容加载到其中。这是我正在使用的代码：

我想我需要的代码是：

    $.ajaxSetup ({  
        cache: false  
    });  
    var ajax_load = "Loading...";
    var loadUrl = "www.test.com/site.html";  
    $("#load_basic").click(function(){  
        $("#country_slide").html(ajax_load).load(loadUrl);  
    })

---

当div被上面的代码打开时，我如何使其工作以使其加载，首先是因为它是为点击功能而不是切换功能设置的，其次是因为切换似乎无法区分div是否打开

尝试委派活动。。绑定事件时，该元素在DOm中似乎不可用

替换

$('#country').click(function () {

与

staticContainer是绑定事件时已存在于DOM中的元素，是由上面的代码打开div时加载的

国家的祖先

将幻灯片状态存储在变量或数据属性中，如下所示：

<div id="country_slide" data-state="1">

此外，当countryslide的内容更新时，Close可能需要将活动委派给其他人。。。在这一点上，我们的观点很接近。
$(staticContainer).on('click', '#country', function () {

$("#country_slide").slideToggle(function(){
  if($(this).is(':visible')){
    $("#country_slide").html(ajax_load).load(loadUrl);
  }
});

<div id="country_slide" data-state="1">

$('#country').click(function () {
        $("#country_slide").slideToggle();
        if ($("#country_slide").attr("data-state") == 0)
            $("#country_slide").html(ajax_load).load(loadUrl); 
    });