jquery-ui-tabs

I have a jquery-ui tab component with two tabs. <div id="tabs"> @Html.Hidden("SelectedTabId") <ul> <li><a href="#Tab-1">Tab1</a></li> <li><a href="#Tab-2">Tab2</a></li> </ul> <div id="Tab-1"> </div> <div id="Tab-2"> </div> </div> When I am in Tab-2, I do some stuff that cause some fields (@Html.TextBoxFor) in tab-2 to be updated programmatically and automatically when some condition occurs. So after it happens (fields updated) the page is reloaded. After page is reloaded, first tab Tab-1 is being active, but I want Tab-2 to be active instead which it was the active before page was reloaded. I

I can't find in the API of jQuery UI Tabs ( http://docs.jquery.com/UI/Tabs ) a method to know if a certain tab is enabled or not, I need that because in an event of my application I want to enable a certain tab only if that tab is disabled. Do you know how can I get that information from the jquery api? Thanks in advance. The disabled option returns an aray of he indexes of the disabled tabs, so a function to check if one's disabled would look like this: function isDisabled(index) { return $.inArray(index, $("#tabs").tabs("option", "disabled")) > -1; } You can give it a try here , this just

How can I apply some code to the content of an ajax loaded tab? I tried using $(document).ready inside the loaded content, but that prevented css styles from loading (don't know why). Is there a callback function? Should I use $(document).ready and styles inside the loaded document in some other way? If using $(document).ready inside the loaded document is fine, should I also include references to jquery and its plugins in it? Have you tried the load event ? This should be called, when the contents of the tab have been loaded. In general you shouldn't treat the loaded element as a new page and

Is it possible to apply an effect to a jquery-ui tab, I haven't seen any examples of it, and I'm fairly sure that if it is possible the following is incorrect: <script type="text/javascript"> $(function() { $("#tabs").tabs(); $("#tabs").effect(slide,options,500,callback); }); </script> You can do something like this, if you want the effect to happen when you change tags using the fx option : $(function() { $("#tabs").tabs( { fx: { height: 'toggle' } } ); }); A fade + slide would be like this: $(function() { $("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } ); }); This applies

Is there a simple, upfront method to have FF and IE treat hidden JW Players the same? I am placing different instances of the player dynamically in jQuery generated tabs. In effect, switching tabs hides the parent div of each player. In FireFox, the tab switch and accompanying "display" change stops the player. This doesn't happen in IE. I would like it to. What is the easiest way to have both browsers act the same? I am hoping for a CSS/HTML solution, either thorough the way the players are embedded or a style rule Otherwise I suppose I will need to add an item listener that compares the

I'm working on a project that makes heavy use of jQuery tabs and Ajax. Loading data into the tabs is simplicity itself, but the data in the tabs needs to be filtered by a select box that sits outside the tabs div. Here's where my problem starts. Let's say my tab makes an Ajax call to the URL "tab1.html." jQuery tabs changes this target into a hash value something like "#ui-tabs-10," but I can get the original URL through the following code: $("#tabs").tabs({ select: function(event,ui) { var url = $.data(ui.tab, 'load.tabs'); ...do stuff with url } }); But I cannot seem to access the ui.tab