Hello, I am having a lot of trouble using colorbox after I have changed the page using AJAX. The site uses AJAX the pages in a section. So if you click 'next' or 'previous', it will do a query and populate your window with the next page data without reloading the window. Basic AJAX implementation. If you have trouble visualizing this this, think of it like a forum that uses AJAX for 'next' and 'previous' pages instead of reloading the whole page.
Now, I have a link that works perfectly fine on the initial page load to open up a colorbox. The problem is that once you click the next page button, the link that is supposed to open up the colorbox on that page doesn't work. I figured it is because the colorbox is only initialized to the initial page that is loaded, so I figured that's what the colorbox init call was for. I tried adding this line each time you change pages,
However that doesn't work. It is calling the init method, I put an alert in there to make sure, but it still won't open a colorbox on the next page. Maybe it still isn't initializing it to the "new" page?Code:$.colorbox.init();
There are no errors being thrown, it just goes to the requested page instead of having the page in a colorbox.
Any ides on how I could fix this?