Столкнулся с проблемой, есть данные которые должны добавлять ajax-ом.
И есть много кода, который должен работать, но при добавлении ajax-ом он работает, только если его поставить непосредственно в код вызова ajax.
Например есть такой код и он срабатывает на все элементы, кроме нового, который создастся потом:
$('.thumblink, .circleDiv').hover(function(){
$('#th'+$(this).attr("data-id")+').css("display","block");
},function(){
$('#th'+$(this).attr("data-id")+').hide();
});
$('#ddd111').click(function(){
$.ajax({
type: "POST",
data: "id="+$('#idtest').val()+"",
url: "http://"+window.location.hostname+"/include/ajax/test.php",
success: function(hhhh){
$('#li'+hhhh.cat).append("<div id='th"+hhhh.id+"' data-idl='"+hhhh.id+"' data-id='"+hhhh.number+"' class='thumb'>2</div>");
}
});
});
Но на созданный
<div id='th"+hhhh.id+"' data-idl='"+hhhh.id+"' data-id='"+hhhh.number+"' class='thumb'>2</div>
этот код работать не будет.
Что бы он заработал, нужно этот код влепить прямо туда:
$('#ddd111').click(function(){
$.ajax({
type: "POST",
data: "id="+$('#idtest').val()+"",
url: "http://"+window.location.hostname+"/include/ajax/test.php",
success: function(hhhh){
$('#li'+hhhh.cat).append("<div id='th"+hhhh.id+"' data-idl='"+hhhh.id+"' data-id='"+hhhh.number+"' class='thumb'>2</div>");
$('.thumblink, .circleDiv').hover(function(){
$('#th'+$(this).attr("data-id")+').css("display","block");
},function(){
$('#th'+$(this).attr("data-id")+').hide();
});
}
});
});
Но кода ОЧЕНЬ много, можно ли как то, такой код сделать глобальной функцией, и просто прописать вызов в ajax?
