子頁面

Question

如果我加載

（ 'mypage.htm'）上使用jQuery到<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(...你注入你的div，如：

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

Answer 2

不，你應該只包括你的JavaScript庫（jQuery和插件）一次;在主頁面上。

Answer 3

你不要需要包括jQuery和顏色框在子頁面中。您正在更改DOM對象，因此使用jquery live

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