jquery-ui-tabs

I am using jquery tabs(First,Second,Third) in multiple asp.net pages (First.aspx, second.aspx,Third.aspx) in my asp.net website and in each page i am writing the ul,li code. For example in the First.aspx page I am writing the following code inside the 'ul' tag <li class="current"><a href="#First">First tab</a></li> <li><a href="Second.aspx">Second tab</a></li> <li><a href="Third.aspx">Third tab</a></li> Similarly in the second.aspx,Third.aspx pages i am using the Class="current" to highlight the selected tab.Recently we have planned to move to Master pages.So the master page should contain the

I am using the jQuery UI tabs interface and I want to set a cookie (using the jquery.cookie.js script they recommend, from stilbuero.de/jquery/cookie/) to remember which tab was last selected when the page is refreshed. That much was easy, going by the instructions at jqueryui.com. In context, these tabs are going to display search results from a form. I'd like to go a step further and delete the cookie when the form is submitted, so that the default tab is available again when a new search term is submitted. This part isn't going so well. It doesn't help that the examples given on jqueryui

The API says you can't disable the active tab which I think is the crux of my problem. I have six tabs in one UI Tab. One of the tabs is sometimes empty after an ajax call to fill all the tabs with data based on a user's click of a new UI Accordion selection. I use the "zero" tab as the default selected tab whenever the user makes a new selection. I use the following to code in the php file that loads the sometimes empty tab to disable the tab when it's empty. It works fine unless the user has this tab selected when clicking a new UI Accordion selection. In only that case, the empty tab will

I am using tab widget of jQuery UI. I want to change the color of active tab to yellow by using ui-tabs-active class as mentioned here in API docs But despite of doing following: <style type="text/css"> .ui-tabs-active { background-color:yellow; } </style> Its color does not change. Here is the code at jsbin.com You need to be a little more direct with your CSS. Also you need to remove the default image that resides there .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-image: none; background-color:green; } DEMO http://jsbin.com/iXur/25

Might be related to : Uncaught TypeError: Object #<HTMLLIElement> has no method 'find' Here is a chat of the discussion of my problem: http://chat.stackoverflow.com/rooms/17/conversation/tabs-issue It continues through here: http://chat.stackoverflow.com/transcript/message/4373231#4373231 I am doing the following: $(document).on({ "click": function () { $(this).addClass("active"); $(".TaskRow").not(this).removeClass("active").removeClass("hoverActive"); $(".TaskDetails").hide(); $(document).off("keyup", "body", keyDownFn); keyDownFn = makeRelationships(this); $(document).on("keyup", "body",

jQuery 1.7.1, jQuery UI tabs. I have the following HTML representing tabs, <div id="tabs"> <ul> <li><a href="t1" title="content">Gallery</a></li> <li><a href="t2" title="content">Polls</a></li> <li><a href="t3" title="content">Events</a></li> </ul> <div id="content"></div> </div> I need to show an indicator in the 'content' div container when I click or select the tab. I tried the following, HTML <div id="content"><img id="ind" src="images/indicator.gif" alt="Loading..." style="display:none"/></div> JavaScript $.ajaxSetup({ cache:false, beforeSend: function() { $('#ind').show() }, complete:

So I'm trying to combine the Dialog with the Tabs UI components form jQuery UI am I'm almost there but I cannot seem to move the dialog close button from the Dialog UI titlebar into the Tabs UI. I tried to move the existant Dialog UI titlebar close button to the Tabs UI bar but that presented lots of problems and the button moved on mouse hover. I tried to create buttons with the close icon in the Tabs UI bar but this is proving to be difficult to position the button on the far right side, with the look and feel of a button (with the close icon on it). The problem is that the Tabs UI bar only

When the caching remains disabled (i.e. cache: false ), how can I prevent the tab from loading the remote content again? Essentially, I would like to select a tab but not load it. William Niu It turns out that you can control the caching of each tab by setting the 'cache.tabs' data in each tab's anchor element. I posted the answer in another post: JQuery UI Tabs caching , but I'll just repost the code here. // disable cache by default $("#tabs").tabs({ cache: false, }); Then after the tab content has been loaded for the first time, you can enable the caching for that tab. I simply put it in

I'm using jQuery UI Tabs in a project. I'm wondering if there's an easy way to have all the panels hidden when the document loads, until a tab is clicked. By default jQuery UI starts with an activated tab and the corresponding panel visible. I know you can specify which tab to have active initially, but I'd like to have no tabs active and no panels displayed at the start. My code is pretty straightforward: <div id="tabs"> <ul> <li><a href="#faq1">Link 1</a></li> <li><a href="#faq2">Link 2</a></li> <li><a href="#faq3">Link 3</a></li> </ul> <div class="faq-panel" id="faq1"> <!-- content --> <