Jquery ui which tab is selected

Whether or not to cache remote tabs content, e. Cached content is being lazy loaded, e. Note that to prevent the actual Ajax requests from being cached by the browser you need to provide an extra cache: false flag in the ajaxOptions option. Store the latest selected tab in a cookie. The cookie is then used to determine the initially selected tab if the selected option is not defined.

Requires the cookie plugin, which can also be found in the development-bundle-external folder from the download builder. Since jQuery UI 1. The type of event that the tabs should react to in order to activate the tab. To activate on hover, use "mouseover". HTML template from which a new tab panel is created in case of adding a tab with the add method or when creating a panel for a remote tab on the fly. The zero-based index of the panel that is selected open. Setting selected to -1 will collapse all panels.

This requires the collapsible option to be true. The HTML content to show in a tab title while remote content is loading. Set this option to an empty string to deactivate the spinner behavior. A span element must be present in the anchor tag of the title for the spinner content to be visible. HTML template from which a new tab is created and added. Code examples: Invoke the abort method: 1. The Overflow Blog. Podcast Explaining the semiconductor shortage, and how it might end. Does ES6 make JavaScript frameworks obsolete?

Featured on Meta. Now live: A fully responsive profile. Visit chat. Linked 0. Related Hot Network Questions. Question feed. Stack Overflow works best with JavaScript enabled. So for example if you are trying to activate a tab based on the location. Then use the window hashchange event to compare the location. This will handle all cases, even where tabs use ajax. Also if you have nested tabs, it isn't too difficult to handle that either using a little more logic. I found this works more easily than getting an index.

For my needs, I am selecting a tab based off a url hash. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. How to select a tab based on its id not based on index Ask Question. Asked 10 years, 6 months ago. Active 2 years ago. Viewed k times. I have two tabs and configured usign jQuery UI.

Improve this question. Jason Aller 3, 28 28 gold badges 38 38 silver badges 37 37 bronze badges. Post some code for us to work with yeah? Add a comment. Active Oldest Votes. Improve this answer. Community Bot 1 1 1 silver badge. There is a much easier solution now, it seems that using the id works as well as the index, e. I had old code that just stopped working after updating. Thanks Andreas Schwarz. That's why it's so important to update old answers.

I always try to do that I put other solution here: jsfiddle. This doesn't handle all use cases, for example tabs can be loading ajax content from a url or from a script, so the anchor element's href won't always correspond with panel id.

To handle all use cases, use the parent li element's 'aria-controls' attribute. See my answer below. In mycase i had to use it without the "parent " to get the correct index.