Solved

jquery tabs call

Posted on 2013-12-08
4
185 Views
Last Modified: 2014-02-03
I am using jquery tabs.  How can I call a page and open that tab.  I tried www.site.com/page.html#tabs-2 but that did not work.  Is there a way I can do this?

Thank you
0
Comment
Question by:solsticeint
  • 2
4 Comments
 
LVL 2

Expert Comment

by:Aijaz Chauhan
ID: 39705479
i don't find any Jquery tab in given link

have you used Jquery UI ???   if not please refer http://jqueryui.com/tabs/

thank you
0
 

Author Comment

by:solsticeint
ID: 39705485
0
 
LVL 30

Expert Comment

by:Alexandre Simões
ID: 39705629
It works.
It you go directly to the following url the page will load with the third tab open:
http://solsticeinteractive.net/CSUMB/Websites/esl_main/site/acl_course_descriptions.html#tabs-3
0
 
LVL 30

Accepted Solution

by:
Alexandre Simões earned 500 total points
ID: 39705645
I believe your problem is that you're changing the url hash and expecting the tab to change and this won't work.

If you want to handle that you need to write some javascript code handling the window.onhashchange event: https://developer.mozilla.org/en-US/docs/Web/API/window.onhashchange?redirectlocale=en-US&redirectslug=DOM%2Fwindow.onhashchange

Note that older browsers don't support this so the fallback must be an ugly setInterval instruction to keep polling for hash changes.

Another option is to use jQuery BBQ or similar kind of plugin that will do the fallback browser support for you.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How to hide the rows in Table when the value is empty ? 4 39
manage footer size 4 51
Input box width 6 25
How to populate a dynamically created text input from ajax return 18 43
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn how to dynamically set the form action using jQuery.

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question