CODEWITHSUNDEEP
jquerycolorbox
frosty
frosty

Reputation: 5370

using jquery on child page

if i load('mypage.htm') into <div id="placeMyContentHere">

do i need to put JQuery in "mypage.htm". I'm using color box ( of light box ike) on my child page. If i add jquery.js & colorbox.js into mypage.htm it works. Though i can't helping thinking there is better way.

Here is how i normally call colorbox 

$(document).ready(function() {

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

Upvotes: 3

Views: 391

Answers (3)

Cem
Cem

Reputation: 889

You don need to include jquery and colorbox in child page. You are changing the DOM object therefore use jquery live

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

Upvotes: 1

karim79
karim79

Reputation: 342795

Use load's callback function to re-initialise colorbox, there is no need for a $(document).ready(... in the content you are injecting into your div, e.g.:

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

Upvotes: 2

Kordonme
Kordonme

Reputation: 2294

No, you should only include your javascript libraries (jQuery and plugins) once; on the main page.

Upvotes: 0

Related Questions