Help with Jquery UI tabs, AJAX and Ajaxpager

Question

Hi,

I have searched through a lot of the similar questions on here, and tried many things but I am still stuck. Not that I am relatively new to jquerry.

What I want to do is use jquery ui tabs (with jquerry address - for back button and bookmarking). I have this working no problem.

Inside each tab, I am trying to use an jquerry ui ajaxpager. I am having a problem getting the pager to initiate inside the ajax loaded content. Correction: used ajaxComplete the get the pager initialized on the second tab..

Now my problem is this. -load page. OK -click tab 2. OK -click tab 1. OK now that I'm back on tab 1, tab 2 will not work............

I am sure it is something simple. You can view my demo here: http://www.sjlarchitect.com/help/projects%5Fen1.html

I have been struggling for a couple days now trying to get this implemented.. I am sure it is something very simple.. If it's not oK to post a link to my example please advise me.

Note: pager is not styled, etc. etc... just trying to get the implementation to work.. PLEASE HELP, I am pulling my hair out.

Thanks in advance.

Answer 1

I was having a similar problem with the UI dialog box. I had to add an onLoadComplete logic and then onUnload logic to destroy the data. I believe this is because when you switch tabs its actually re-init-ing the jquery constructors, so when you switch, you will need to de initialize the information you have in there, in this case, jquery ui ajaxpager.

I will take a look and see if I can come up with a more definite answer, but that is my best guess without diving into the code.