[SOLUCIONADO] ¿Puede decirme alguien que falla en este código jquery?

[Luisa29]

Código:

function disc(div, of)
{    $(div).html('<img src="loading.gif">');
  //fetch larger images
  $.get(of, function(results) {
    setTimeout(function(){ $(div).html(results); }, 1000)
        FB.XFBML.parse(document.getElementById('comentary'))
   twttr.widgets.load();
   }).hide().fadeIn("slow"); 
}

Botón:

Código:

<a href="#next" onClick="disc('#left','change.php')">CHANGE</a>

Resulta que carga contenido en el div left, también muestra el gif animado antes de cargar el contenido y también aparecen los comentarios de facebook y el like, pero no aparece ni el botón de twitter ni aparece el contenido con fade-in. A ver si le podéis echar un ojo y decirme donde puede estar el error.

[man0l0]

tú código utiliza 2 objetos externos a esa función
el "FB" y el "twttr", tienes que revisar que tus funciones extras de "twttr" estén bien cargadas y no tengan errores.

En lo que has puesto no hay errores aparentes, pero el que funcione o no depende del resultado de la petición ajax de "change.php" y de los 2 objetos que se seguramente cargas con anterioridad a esta función.

Saludos!

[Luisa29]

Gracias por tu pronta respuesta, he modificado así el código y parece que funciona:

Código:

var disc = function(div,of){
	$(div).html("<img src='loading.gif' id='load'>");
	var ajax = $.ajax({url : of, type : "GET"});
	ajax
		.done(function(response){
			Commons.socialDone(div, response);
			FB.XFBML.parse(document.getElementById('comentarios'));
   twttr.widgets.load();
		})
		.fail(function(){
			Commons.socialFail(div);
		});
}

Commons = {
    socialDone : function (div, response) {
		$(div)
			.hide()
			.html(response)
			.fadeIn('slow');
	},

    socialFail : function (div) {
		$(div)
			.hide()
			.html("<p>error</p>")
			.fadeIn('slow');
		
	}
}