Usando jQuery na página infantil
Pergunta
Se eu carregar ('mypage.htm') em <div id="placeMyContentHere">
Preciso colocar jQuery em "mypage.htm". Estou usando a caixa colorida (de caixa de luz ike) na página da minha criança. Se eu adicionar jQuery.js & colorbox.js no mypage.htm, ele funciona. Embora eu não possa ajudar a pensar que há uma maneira melhor.
Aqui está como eu normalmente chamo Colorbox
$(document).ready(function() {
$("a[rel='example1']").colorbox();
Solução
Usar load
A função de retorno de chamada para reiniciar a caixa de cores, não há necessidade de um $(document).ready(...
no conteúdo que você está injetando em seu div
, por exemplo:
$("#placeMyContentHere").load('mypage.htm', function() {
$("a[rel='example1']").colorbox();
});
Outras dicas
Você não precisa incluir jQuery e colorbox na página infantil. Você está mudando o objeto DOM, portanto, use jQuery Live
$("a[rel='example1']").live(function(){
$(this).colorbox();
});
Não, você deve incluir apenas suas bibliotecas JavaScript (jQuery e plugins) uma vez; na página principal.