Skip to main content

Search and Top Navigation

#9451 closed bug (notabug)

Opened July 24, 2013 02:08AM UTC

Closed July 24, 2013 11:25AM UTC

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:
Description

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?

Attachments (0)
Change History (1)

Changed July 24, 2013 11:25AM UTC by scottgonzalez comment:1

resolution: → notabug
status: newclosed

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