Después de ejecutar $ (document) .ready(), ¿hay algún evento para eso?

Question

Tengo un archivo first.js incluido en la página index.php que tiene algo como esto:

$(function(){ 

    $("#my_slider").slider("value", 10); 

}); 

Y en index.php Tengo algunas slidders dinámicamente creadas:

<?php function slidders($config, $addon) 
{ 
    $return = ' 
    <script type="text/javascript"> 
     $(function() { 
      $("#slider_'.$addon['p_cod'].'").slider({ 
      min: '.$config['min'].', 
      max: '.$config['max'].', 
      step: '.$config['step'].', 
      slide: function(event, ui) { 
       $("#cod_'.$addon['p_cod'].'").val(ui.value); 
       $(".cod_'.$addon['p_cod'].'").html(ui.value+"'.@$unit.'"); 
      }, 
      change: function(event, ui) { 
       $("#cod_'.$addon['p_cod'].'").change(); 
      } 
     }); 
      $("#cod_'.$addon['p_cod'].'").val($("#slider_'.$addon['p_cod'].'").slider("value")); 
      $(".cod_'.$addon['p_cod'].'").html($("#slider_'.$addon['p_cod'].'").slider("value")+"'.@$unit.'"); 
    }); 
    </script>'; 
    return $return; 
} ?> 

Los El problema es que debido a que mis controles deslizantes index.php se están instanciando después de mi first.js no puedo configurar un valor allí, ¿hay algún evento como "después de que se haya ejecutado $ (document) .ready()" que pueda usar en first.js para manipular los controles deslizantes creados en index.php?

Answer 1

No saber cómo saber cuando el último $(document).ready() función disparó, pero $(window).load() la función se activa después de $(document).ready()

Answer 2

Uno de los objetivos de la función $ (documento) .ready() de jQuery es que el evento javascript window.onload estándar no se ejecutará hasta que se cargue todo en la página (incluidas imágenes, etc.), aunque las funciones puede comenzar a funcionar mucho antes de eso. Entonces $ (document) .ready() se ejecuta tan pronto como se construye la jerarquía DOM.

Dado esto, una opción sería ejecutar su script "after everything else" en la carga de la página. Sin embargo, esto no garantizará que todos los scripts $ (document) .ready() hayan sido completados.

Una opción mejor pero más complicada es crear una función que compruebe la existencia de los controles deslizantes, y si no existen, llama a "setTimeout" sobre sí mismo, por lo que puede esperar unos milisegundos y volver a intentarlo.

(Para responder a su pregunta específica, no, no hay devolución de llamada "después de todo $ (document) ready() se han quedado".)

Answer 3

Sería mejor agregar una clase única a sus controles deslizantes en lugar de la #my_slider ya que solo se activará para el elemento con id = my_slider.

Si quiere tener la misma funcionalidad, debería verificar .live desde jquery, pondrá la misma funcionalidad en los elementos que se agregan después del enlace.

Si eso no funciona para usted, entonces cuando agregue los nuevos controles deslizantes tendrá que ir a través de ellos en el DOM y llamar a la función necesaria.

Answer 4

Lo más seguro es invocar $(window).load()dentro de$(document).ready(). Esto preservará el orden de ejecución en todos los casos, asegurándose de que su código de última ejecución no se pase al $(window).load() hasta que se hayan completado todos los scripts $(document).ready(). Sin esto, existen condiciones de carrera posibles en algunos navegadores donde se pueden invocar $(window).load() después de que todos los scripts $(document).ready() tengan comenzados pero antes todos los scripts $(document).ready() tienen terminados.

$(document).ready(function() { 
    $(window).load(function() { 
     // this code will run after all other $(document).ready() scripts 
     // have completely finished, AND all page elements are fully loaded. 
    }); 
}); 

Answer 5

probar este truco aseado/truco bruto:

$(function(){ 
    $(function(){ 

     $("#my_slider").slider("value", 10); 

    }); 
}); 

parece estúpido ¿verdad? Funciona porque jQuery ejecuta los controladores de eventos en el orden en que se agregaron. Agregar un controlador de eventos en el controlador de eventos es lo más tarde posible (solo asegúrese de que no está haciendo esto en ninguno de los controles deslizantes de forma accidental, es muy fácil hacerlo).

Prueba de concepto. http://jsfiddle.net/9HhnX/

Answer 6

Sobre la base de la respuesta de Ian me di cuenta de esto (la prueba - de trabajo):

jQuery(document).ready(function() { 
    jQuery(document).ready(function() { 
     /* CODE HERE IS EXECUTED AS THE LAST .ready-CALLBACK */ 
    }); 
}); 

Por supuesto, esto se debe a que las devoluciones de llamada listas se invocan en el orden en que cuando se haya asignado. Por el momento, cuando se invoque su devolución de llamada externa, todas las demás secuencias de comandos ya deberían tener asignadas sus devoluciones de llamada listas. Por lo tanto, la asignación de su devolución de llamada lista (la interna) ahora hará que la suya sea la última.