Fragment Identifiers Hash not working on same page.
Hi,
I have a problem where my UI Tabs 3 does not redisplay the correct Tab
content when a menu on the page uses the tabs hash fragment identifier
for tabs ON THE SAME PAGE. It works fine if the link is clicked from a
DIFFERENT page, e.g.
First I load index.htm
index.htm contains a menu link to index.htm#TabSection3 which is a
valid UI Tab content panel identified with <div class="ui-tabs-panel"
id="TabSection3">
but when the link is clicked nothing happens, or at most the browser
attempts to reposition the screen display "closer" to the anchor, but
without activating that Tab.
However a 2nd page Contact.htm also contains menu link to
index.htm#TabSection3 and when clicked this will go to index.htm and
correctly activate and display TabSection3.
This occurs same in IE, FF and Opera. Safari seems to be a little more
clever and works ok for tabbed sections within the same page (?).
The actual tabbed interface works absolutely fine to redraw the
correct tabbed sections when mouse clicking the List item buttons.
I have also experimented with implementing Links in the same page the
make use of the .tabs('select',0) function and these work fine.
Example of pages can be seen here:-
http://www.opsisltd.info/design/OpsisltdCOM/index.htm
http://www.opsisltd.info/design/OpsisltdCOM/Contact.htm
There is a Quick Links menu right at the top of the pages setup with
the links + fragment identifiers, e.g.
Home, TabSection2, TabSection3, Contact, TabSection2 are the only
links configured currently for this experiment.
I would really appreciate some assistance with this, as I have spent
considerable time making the UI Tabs interface work nicely, in
Vertical form, and with various jQuery Show/Hide and Fade effects.
Thanks
Jim