qui ajax,javascript - jQuery doesn't execute on div loaded with ajax - Stack Overflow

I'm developing a website using PHP,MySQL,AJAX,Javascript,HTML5,css3... What I'm trying to do is load an external html file and have the Javascript that is embedded execute.

The ajax load I'm trying to use is this

$(document).ready(function(){

$(".meny a").click(function(){

page=$(this).attr("href");

$.ajax({

url: "includes/"+page,

cache:false,

success:function(html){

afficher(html);

},

error:function(XMLHttpRequest,textStatus,errorThrown){

alert(testStatus);

}

})

return false;

});

});

function afficher(data){

$("#main").fadeOut(500,function(){

$("#main").empty();

$("#main").append(data);

$("#main").fadeIn(1000);

})

}

when the content of the page is loaded directly javascript(or jQuery) functions working fine, but when the div tag that found in the content of another page loaded by AJAX, javascript(or jQuery) not working on this div, while jquery scripts are already stored in the "head" tag .

I think that the problem is the AJAX, since it's working fine when I call directly the page which contains the Javascript.