Muy buenas, estoy utilizando ajax para cargar contenido en mi página sin necesidad de refrescar la web al completo. Hasta ahí todo bien pero tengo un problema, una vez empiezo a navegar y cargo contenido en mi web a través de ajax, en este contenido que cargo que también contiene funciones javascript, estas no funcionan, es como si no estuviera declarado jquery.
Código:
$(document).ready(function() {
if (window.history && history.pushState) {
historyedited = false;
$(window).bind('popstate', function(e) {
if (historyedited) {
loadProducts(location.pathname + location.search);
}
});
doPager();
}
});
function doPager() {
$('.pager a').click(function(e) {
e.preventDefault();
loadProducts($(this).attr('href'));
history.pushState(null, null, $(this).attr('href'));
historyedited = true;
});
}
function loadProducts(url) {
$('#outer').empty().addClass('loading').load(url + ' #inner', function() {
$('#outer').removeClass();
doPager();
});
}
Y la web donde lo uso; http://ajotah.net
Espero que me puedan ayudar, un saludo!