Jquery 如何将事件绑定到通过ajax加载的数据，并且仍然有效

我已经实现了ajax选项卡，在1个ajax选项卡中，我加载了一个日历，它使用ajax更改月份和年份。我遇到的问题是为加载的内容绑定事件

下面是我正在使用的代码示例：

$.ajax({
键入：“POST”，
url:'main/ajaxjson/load\课程\详细信息'，
数据：{page:which}，
成功：功能（主页）{
$（“#ajax内容”）.hide（）；
$（'#ajax content'）.empty（）.append（home）；
$（'#ajax content'）.fadeIn（）；
}
})

通过这段代码，我加载选项卡，生成整个html并将其附加到ajax内容div。 在此之后，我将绑定用于新内容的事件，如下所示：

('body').on('click', 'a.next-month', function(){
     // code here })

---

但问题是每次单击后都会丢失数据。我希望加载所有数据并轻松地对新数据执行ajax请求。

使用对象存储已进行的ajax调用：

var whichTree = {};

var handler = function(home){  
    whichTree[which] = home;     
    $('#ajax-content ').hide();
    $('#ajax-content').empty().append(home);
    $('#ajax-content').fadeIn();               
};

if ( whichTree[which] ) {
    handler(whichTree[which]);
}
else { 
    $.ajax({
        type: 'POST',
        url: 'main/ajaxjson/load_course_details',
        data: {page : which},
        success: handler
    });
}

---

使用对象存储已进行的ajax调用：

var whichTree = {};

var handler = function(home){  
    whichTree[which] = home;     
    $('#ajax-content ').hide();
    $('#ajax-content').empty().append(home);
    $('#ajax-content').fadeIn();               
};

if ( whichTree[which] ) {
    handler(whichTree[which]);
}
else { 
    $.ajax({
        type: 'POST',
        url: 'main/ajaxjson/load_course_details',
        data: {page : which},
        success: handler
    });
}

---

我该怎么称呼它呢？每次我做一个新动作的时候我都要打电话给它，我怎么再打电话给它呢？我每次做新动作都要打电话？