Tabs troubles
Tabs troubles
Hi,
I'm facing a strange behaviour of JQuery UI Tabs component; I wish to
describe my scenario before the problem so be patient (thank you): my
application has only one "main" page styled as two columns layout
(here I'm including each JQuery, third party libraries and style
sheets); the left column shows a dynatree while the right is initially
empty. When a tree node is activated, a $("#right-column")load(...)
injects some HTML code in the right column using AJAX. The injected
code contains a data table, another div to use as JQuery dialog
containing a form to be divided in JQUery tabs and a $(document).ready
(...) function to initialise dialog, tabs and bind a double click
event on each data table row to open the dialog.
Now comes the behaviour; When the page loads for the very first time,
everythings works fine: I can select a node from the dynatree and the
data table shows on the right, now a double click on a row open the
dialog showing the tabs, fully functional. Good! The worse happens
when I "switch" to another tree node: the data table shows as expected
and so does the dialog when I click on a row but the tabs inside
aren't; It seems like tabs aren't initialised at all because the plain
HTML is shown instead. Switching again to the previous node doesn't
help because tabs aren't shown anymore.
Any tricks, suggestion or solution is really appreciated.
Thank you