Opened 10 years ago

Closed 10 years ago

#9451 closed bug (notabug)

Multi tab Function Active Response

Reported by: fabcombrandon Owned by:
Priority: minor Milestone: none
Component: ui.tabs Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:


Im using tabs in a unique way, I have a #tabs with all the associated <div id="#tab-1"> etc and also have a #tabs2 for a second row.

I am setting the window hash when a user clicks a tab so the url string generates a link that should open each tab depending on what the link is.

for example

dev . uat . web . com / featured-technology-university-alumni#techforensics (I don't want the link followed as its a dev site so remove the brackets and spaces from the dots and slash)

the #techforensics hash in the strong should trigger the following related event in the following string (shortened for practicality)

<script> $(window).load(function() {

$("#tabs").tabs({ ajaxOptions: { cache: true },cache: true }); $("#tabs2").tabs({ ajaxOptions: { cache: true },cache: true });

if(window.location.hash == '#neteng'){$("#tabs").tabs( "option", "active", 4 );}

if(window.location.hash == '#techforensics'){$("#tabs2").tabs( "option", "active", 1 );}

}); </script>

As you see i have a hash function referencing #tabs (1st row) and others referencing #tabs2 (2nd row)

when you go to a hash tag with a function on the first row the content opens correctly, but if you go to a link that references a #tab2 or further rows (used on other pages), the tab will be active but the content is hidden. I have tried a few other options and also tried adjusting the css via jquery inside the if statemement. Something funky is happening with the reaction are there better alternatives to the "Option active" response?

Change History (1)

comment:1 Changed 10 years ago by Scott González

Resolution: notabug
Status: newclosed

This is a bug tracker. Please use the forums, IRC, or Stack Overflow for support.

Note: See TracTickets for help on using tickets.