Usando jQuery na página infantil

Question

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();

Answer 1

Usar loadA 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();
});

Answer 2

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();
});

Answer 3

Não, você deve incluir apenas suas bibliotecas JavaScript (jQuery e plugins) uma vez; na página principal.