Hacer algo después de una función

[HmrO]

Buenas tengo el siguiente inconveniente usando jQuery 1.9.1.

Lo que estoy tratando de hacer es que me muestre algo después de cargar. Por ejemplo:

Código:

  

      function progress(percent, $element) {
      var progressBarWidth = percent * $element.width() / 100;
      $element.find('div').animate({ width: progressBarWidth }, 3600).html();
      $('#fondo').css({"backgroundImage": "url(assets/Loading.jpg)",
                       "backgroundSize" : "cover"
                      });
      }


      function clickMe(){
        alert("hola");
      }

      progress(100, $('#progressBar'));
      clickMe();

Pero esto me carga todo al mismo tiempo cuando debería ser secuencial.
Ya probé con .then y .done pero al parecer ya no funcionan en esta versión o los estoy usando mal. Me gustaría ejecutar la función después de que termine la otra función sín usar condicionales (ya que no puedo usar un width absoluto).

Muchas gracias!!!

[sintel_1]

Hola.

No se si te valfrá, pero prueba así:

Código Javascript:

function progress(percent, $element) {
      var progressBarWidth = percent * $element.width() / 100;
      $element.find('div').animate({ width: progressBarWidth }, 3600).html();
      $('#fondo').css({"backgroundImage": "url(assets/Loading.jpg)",
                       "backgroundSize" : "cover"
                      });
      }
 
      function clickMe($element, $texto){
        $element.find('div').promise().done(function() {
        alert($texto);
        });         
      }
 
      progress(100, $('#progressBar'));
      clickMe($('#progressBar'),'Hola');
 

[HmrO]

Genio!!! Funcionó

Igual estuve viendo que las funciones se pueden poner separadas ya que las llamas una después de la otra con esto.

Código:

clickMe($('#progressBar'),'Hola');

Lo que tengo que averiguar es que hace promise, no lo conocía. Gracias!!!

[sintel_1]

Hola.

La funcion promise() es un objeto cuya unica funcion es decir si se ha realizado o no
Yo lo use en una funcion ajax que se llamaba despues de un ajax asincrono y me estaba volviendo loco.

saludos

[HmrO]

Sí, justo lo busqué en el manual de jQuery, hay algunas funciones como then() que ya no funcionan y no encontraba una parecida. :(

[dardosmania]

Para lo que quieres lo mejor son las promesas, puede resultar un pelin lioso al principio pero luego veras que es muy facil y que pueden llegar a ser muy utiles