using jQuery within Colorbox

Question

I am having some problems when trying to use jQuery from within colorbox.

When I call any jQuery from the page that calls the colorbox it works fine.

My code currently calls a colorbox with another page inside it using the following code.

var page1 = '/page1/page.php';

jQuery(".page1click").colorbox({opacity:0.4, rel:'nofollow', href:page1, height:'700px', width: '702px', iframe:true});

This all works correctly and my code is showing within the colorbox popup. Also all of my javascript code is working within this page. However when I try and use any jQuery from within the colorbox it does not work.

What i am trying to do is hide a div when it is clicked.

If anyone could help that would be great

lintu · Accepted Answer · 2013-04-19 09:37:44Z

3

Check whether u included jquery in both the pages. This can create conflicts.

answered Apr 19, 2013 at 9:37

lintu

1,10211 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Glen Robson Over a year ago

I have included jQuery in both pages now and the jQuery that i am calling from within a javascript function is working fine but when i try to use $(document).ready(function(){}); it is giving me the error "$ is not defined".

Mysteryos · Accepted Answer · 2013-04-19 08:32:12Z

0

With plugins that create overlays, like colorbox, they take your html markup and create another element in the DOM with it. Therefore the div you are trying to hide, might not have the same ID/class that you used to create it.

Please inspect the element using firebug in firefox to see what ID/class your div has been assigned by the plugin when you are viewing the box created by Colorbox.

answered Apr 19, 2013 at 8:32

Mysteryos

5,8013 gold badges35 silver badges54 bronze badges

Collectives™ on Stack Overflow

using jQuery within Colorbox

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related