ansaurus

Question

Getting jQuery plugin to act on dynamically loaded (ajax) content

Answer 1

A:

If you are using the "window.open" type of popup, then I would say make it a little simpler and bring it into your page as a JQueryUI Dialog box that pulls in your external html file are the content, loading it in the DIV and accessible within the general page context, inheriting the JQuery and CSS as well. The simple form of this should be like:

$("#id").load(url).dialog();

Where #id is the DIV that is hidden and will contain your dialog data, and URL is the external url to the html file in your popup.

REW 2010-06-29 02:41:05

unfortunately it's a modal, in-window popup...much like the JQueryUI Dialogue but a different plugin. And I have set it up much like you've suggested.

Emile 2010-06-29 04:01:22

Maybe you could post a sample of the code for us to look?

REW 2010-06-29 05:54:56

Hi REW...I just figured it out! I used iframes since my plugin was only pulling info out of the body tags (and thus not loading the required CSS for the other plugin to load). Thanks for your time in considering my issue!

Emile 2010-06-29 06:37:45

Oh I see. What I was suggesting was to load the jScrollPane and colorbox plugins in the calling page, and the DIV would be inheriting the full scope of the base document.

REW 2010-06-29 14:40:34

Answer 2

A:

Found the solution....

My question was specifically on integrating colorbox (a jQuery lightbox plugin) with jScrollPane (a jQuery custom scrollbar plugin). My ajax call to load content with the colorbox worked, however, the jScrollPane could not initiate because the required wasn't loaded (because the ajax call didn't pull any info from the head tags).

If other Stack Overflowers stumble across a similar issue this is what I did to solve it: used iframes instead of an ajax call. Ooops. duh.

I don't know if colorbox is the only plugin that pulls info only from body tags and not the head but I imagine many plugins work this way when working with external files. If this is your problem, use iframes to ensure that the data in your head tag is pulled.

Thanks Stack Overflow anyhoo! I still love you.

Emile 2010-06-29 06:36:37

ansaurus

tags:

views:

answers:

Getting jQuery plugin to act on dynamically loaded (ajax) content

related questions