forzare un blocco jQuery ready da eseguire dopo tutti gli altri blocchi pronti

Question

E 'possibile avere un blocco jQuery ready eseguito dopo che tutti gli altri lo hanno fatto.

ho questo nella mia pagina master ...

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $("input[type='text']:enabled:first", document.forms[0]).focus().select(); 
    }); 
</script> 

e questo in una delle mie altre pagine ...

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $('textarea.message-body').wysiwyg(); 
    }); 
</script> 

Il problema che sto vedendo è che il primo blocco è eseguito prima del secondo blocco, che causa un problema con il tasto tab. Quello che sta succedendo è che l'attenzione della tastiera si sposta sulla barra degli indirizzi nel mio browser quando premo il tasto Tab. Ho modificato leggermente il codice per avere questo nella mia pagina principale ...

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     var bodies = $('textarea.message-body'); 
     if (bodies.length > 0) 
     { 
      bodies.wysiwyg(); 
     } 

     $("input[type='text']:enabled:first", document.forms[0]).focus().select(); 
    }); 
</script> 

e eliminare completamente l'altro blocco pronto. In questo modo il tasto Tab funziona correttamente e imposta lo stato attivo sulla mia textarea.

Preferisco non avere codice specifico per la pagina nella mia pagina principale.

Quindi, c'è un modo per far funzionare il mio codice di messa a fuoco del textbox dopo il codice wysiwyg?

Answer 1

Questa è la soluzione sono andato con.

Nella mia pagina master ho questo ...

<script type="text/javascript"> 
<!-- 
    $(document).ready(function() 
    { 
     if (typeof (OnLoad) != "undefined") 
     { 
      OnLoad(); 
     } 

     $("input[type='text']:enabled:first", document.forms[0]).focus().select(); 
    }); 
//--> 
</script> 

e nelle mie pagine di dettaglio che ho questo ...

<script type="text/javascript"> 
<!-- 
    function OnLoad() 
    { 
     $('textarea.message-body').wysiwyg(); 
    } 
//--> 
</script> 

Answer 2

Che ne dici di registrare solo un documento solo.() Nella pagina principale e quindi lasciare che esegua il codice in base a una variabile? Questa soluzione non è così elegante, ma una ricerca per la sincronizzazione dei thread JavaScript non ha realmente disattivato nulla.

è possibile modificare il codice nella pagina master per:

<script type="text/javascript"> 
    var runWysiwyg = false; 
    $(document).ready(function() 
    { 
     if (runWysiwyg) { 
      $('textarea.message-body').wysiwyg(); 
     } 
     $("input[type='text']:enabled:first", document.forms[0]).focus().select(); 
    }); 
</script> 

e mettere questo script in voi pagina:

<script type="text/javascript"> 
    runWysiwyg = true; 
</script> 

Answer 3

$(window).load() incendi funzione dopo il $(document).ready()

Answer 4

Aggiungi un trigger custom event alla tua pagina master:

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $('textarea.message-body').wysiwyg(); 
    $(document).trigger('tb'); 
}); 
</script> 

e associarlo alla altra pagina:

<script type="text/javascript"> 
$(document).bind('tb', function(){ 
    $("input[type='text']:enabled:first", document.forms[0]).focus().select();   
}); 
</script> 

Riferimenti

• jQuery Special Events...Virtually, not in Real Life

• How to Create Custom Events in JavaScript

• AOP Aspect of JavaScript