big problem with AJAX ! jQuery doesn't execute on div loaded with ajax !
I have a page being generated with PHP, it includes a DIV who's content gets swapped with ajax. the new content contains the following function call PHP echo'd inside the parent DIV.
In this div I have two slider on the homepage.(index)
The sliders works when the content of the page is loaded directly, but not when it's been swapped there with ajax, while jquery scripts are already stored in the "head".
What I'm trying to do is load an external html file and have the Javascript that is embedded execute.
This seems to be a problem related to the code added with ajax , because before i have this bug the ajax load doesn't worck in the first place so i fixed the problem with :
- <script type="text/javascript">
$.ajaxSetup({
dataType: 'html'
});
</script>
then the ajax load work . but it seems that i have more trouble ! :/
here are the functions:
- <script type="text/javascript">
$(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);
})
}
</script>
to see the demo of the page ===> http://www.facetrolls.com/kj_v1.0/index.php
i try many somme solutions like ( .live() or .on() ...)
and i make sure the probleme wasen wasn't from from the plugin with a small testing ..
any way the library used : http://code.jquery.com/jquery-1.7.1.min.js
thankyou in advance for any / all help / suggestions