在子页面上使用jquery

Question

如果我将（'mypage.htm'）加载到<div id="placeMyContentHere">

我需要将JQuery放在“mypage.htm”中吗？我在我的子页面上使用了彩盒（灯箱ike）。如果我添加jquery.js＆amp; colorbox.js进入mypage.htm它的工作原理。虽然我无法帮助思考有更好的方法。

以下是我通常称之为colorbox的方式

$(document).ready(function() {

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

Answer 1

使用load的回调函数重新初始化colorbox，您注入$(document).ready(...的内容中不需要div，例如：

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

Answer 2

您不需要在子页面中包含jquery和colorbox。您正在更改DOM对象，因此请使用jquery live

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

Answer 3

不，你应该只包括你的javascript库（jQuery和插件）一次;在主页上。