使用子页面上的jQuery

Question

如果I LOAD（ 'mypage.htm'）成<div id="placeMyContentHere">

我需要把JQuery的在“mypage.htm”。我在我的孩子页面上使用彩色包装盒（灯箱IKE）。如果我添加的jquery.js和colorbox.js到mypage.htm它的工作原理。虽然我不能帮助思想有更好的办法。

下面是如何调用正常颜色框

$(document).ready(function() {

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

Answer 1

使用load的回调函数来重新初始化颜色框，没有必要在你注入你的$(document).ready(...，e.g内容的div：

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

Answer 2

您不要需要包括子页面jQuery和颜色框。您正在改变因此DOM对象使用jquery活

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

Answer 3

没有，你应该只包括你的JavaScript库（jQuery和插件）一次;的主网页。