en utilisant jquery à la page des enfants

Question

i si la charge ( 'mypage.htm') dans <div id="placeMyContentHere">

dois-je mettre JQuery dans « mypage.htm ». J'utilise la boîte de couleur (de boîte à lumière IKE) sur ma page d'enfant. Si j'ajouter jquery.js & colorbox.js en mypage.htm cela fonctionne. Bien que je ne peux pas aider penser il y a une meilleure façon.

Voici comment j'appelle normalement colorbox

$(document).ready(function() {

$("a[rel='example1']").colorbox();

Answer 1

Utilisez la fonction de rappel de load pour réinitialiser colorbox, il n'y a pas besoin d'un $(document).ready(... dans le contenu que vous injectez dans votre div, par exemple:.

$("#placeMyContentHere").load('mypage.htm', function() {
    $("a[rel='example1']").colorbox();
});

Answer 2

Vous ne devez inclure jquery et colorbox en page enfant. Vous modifiez l'objet DOM donc utiliser jquery vivre

$("a[rel='example1']").live(function(){
   $(this).colorbox();
});

Answer 3

Non, vous ne devez inclure vos bibliothèques javascript (jQuery et plugins) une fois; sur la page principale.