html动态元素加载完毕事件,jQuery为动态加载完成的元素添加点击事件

1.加载元素$.ajax({

type: "get",

url:baseUrl + "/dict/classes",

crossDomain:true,

dataType:"json",

cache:false,

success: function(msg) {

if(!msg ) {

return;

}

generateOptions(msg, "classes", "类");

getCities(msg[0]['diId']);

callBack();

},

error: function(e) {

if(e.responseJSON && e.responseJSON.data && e.responseJSON.data.error) {

errorHandler(e.status, null, e.responseJSON.data.error);

}

}

});var generateOptions = function(opts, id, type) {

var options = ""+type+"：";

for(var i=0,len=opts.length; i

if(!opts[i])

continue;

options = options + "" + opts[i]['diName'] + "  ";

}

$("#" + id).html(options);

};

2.使用回调函数，添加点击事件，回调函数使点击事件与元素处于同个域中，使点击事件可以生效。var callBack = function (){

$("[name='classes']").unbind('click').on('click', function() {

var tid = $(this).attr('id');

$.ajax({

type: "get",

url:baseUrl + "/dict/species?classesId=" + tid,

crossDomain:true,

dataType:"json",

cache:false,

success: function(msg) {

generateOptions(msg, "species", "别");

callBack();

},

error: function(e) {

if(e.responseJSON && e.responseJSON.data && e.responseJSON.data.error) {

errorHandler(e.status, null, e.responseJSON.data.error);

}

}

});

});

};