segunda $ (document) jQuery evento .ready

Question

Eu estou usando alguns jQuery externo com $ (document) .ready () para inserir anúncios após o evento pronto documento foi acionado, algo como:

$(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
});

Este é impedir que a interface do usuário que está sendo bloqueada pelo carregamento lento dos anúncios. Até agora tem vindo a trabalhar bem.

Agora eu preciso inserir mais alguns anúncios que o nosso sistema de CMS, isso não pode ser parte do arquivo JS externo, por isso estou perguntando posso usar um segundo documento pronto evento e inseri-lo usando uma tag script embutido? Se assim for, qual será a ordem de execução dos JS externos documentar evento pronto primeiro ou o script embutido?

Answer 1

Você pode usar como muitos métodos de eventos como você quer, jquery se junta a eles em uma fila. Ordem de chamada de método é o mesmo que ordem definição -. Último adicionado é passado, chamado

Uma coisa útil pode ser também que, você pode carregar código HTML com script usando ajax e quando o código é carregado no DOM $ (). Ready () também será chamado, para que possa carregar os anúncios de forma dinâmica.

Answer 2

Sim, adicionando vários $ (documentos) .ready () s não é um problema. Tudo será executado no evento pronto.

Note, porém, que o seu exemplo de código está errado. $ (Document) .ready () recebe uma função, não uma expressão. Portanto, você deve alimentá-lo uma função como esta:

 $(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
 });

Essa função será executada quando o documento está pronto.

Answer 3

Aqui está um pequeno tutorial em Multiple Document Pronto

Answer 4

Uma vantagem adicional do caminho jQuery é que você pode ter vários ready () definições. Este é o caso com tudo eventos jQuery.

$ (document) .ready (function () { alert ( "Number One"); });

$ (document) .ready (function () { alert ( "Número Dois");

Answer 5

JQuery chama as funções prontas na ordem em que são definidas. Se você quiser carregar alguns dados primeira e deleay utilização execução holdReady () .