jquery-ui-tabs

jQuery UI Tabs - Automatic Height

由 亡梦爱人 提交于 2019-11-28 21:21:39
In previous versions of jQuery tabs there was an option to automatically set the height of the tab to that of the tallest tab in the group using: $('#container').tabs({ fxAutoHeight: true }); However this does not seem to work in jQuery UI 1.5.3 . Has this option been removed? If so is there another way to get the same functionality? It looks like it's no longer there, check out this plugin for the same functionality Equal Heights Plugin Lee Alesbrook All you have to do is to set a min-height. (It's taken me ages to find the answer to this .. I hope it helps!). Here is my code that really

jQuery tabs - getting newly selected index

由 半世苍凉 提交于 2019-11-28 20:21:12
I've previously used jquery-ui tabs extension to load page fragments via ajax , and to conceal or reveal hidden div s within a page. Both of these methods are well documented, and I've had no problems there. Now, however, I want to do something different with tabs. When the user selects a tab, it should reload the page entirely - the reason for this is that the contents of each tabbed section are somewhat expensive to render, so I don't want to just send them all at once and use the normal method of toggling 'display:none' to reveal them. My plan is to intercept the tabs' select event, and

JQuery UI Tabs - “Loading…” message

由 两盒软妹~` 提交于 2019-11-28 17:03:52
All, I am using Jquery UI nested tabs. I was just wondering if there is any way to display an AJAX Spinner image next to the tab text, while the tab is loading. I do not want to change the tab text to "Loading..". Consider that when multiple tabs are loading at the same time or one after the other, the spinner image should be displayed next to each loading tab.. Any Suggestions? Thanks If you're using caching for your tabs, then this solution is propably a better fit, it only shows the ajax loading if the content isn't already on the page. $(".tabs").tabs({ cache:true, load: function (e, ui) {

Preventing scroll when using URI hash to identify tab

由 僤鯓⒐⒋嵵緔 提交于 2019-11-28 13:23:27
I'm using JQuery UI to make tabs in my application. I needed the tabs to be linkable (direct link that opens the page and selects the correct tab). This is done by using a hash tag/ fragmented identifier . But I have a issue when the content above the tabs and inside the tabs is very long. When clicking the tabs, the page scrolls down to the start of the tab. This is not what I want. I'm using Jquery 1.7.1 and Jquery UI 1.8.16. The javascript/Jquery code is a standard Jquery UI tabs with the addition to the event "tabsshow". This is suggested in Changing location.hash with jquery ui tabs

loading flot chart in jquery tab workaround doesn't completely fix the issue

由 萝らか妹 提交于 2019-11-28 01:52:36
问题 there is known issue with loading a flot chart in a jquery tab that is not the initial visible tab here: this was asked here: http://osdir.com/ml/jQuery/2009-06/msg02284.html and answered with this solution: .tabs-hide { /*display: none;*/ position: absolute; left: -10000px; } there is still some issues with this solution. Lets say that the tab name that the flot chart is on is called #tab-1. jquery tabs put this in the URL string so this will work initially when you load up but if you try to

jquery ui accordions within tabs

由 怎甘沉沦 提交于 2019-11-27 20:05:26
I’ve run into a problem using accordions within tabs, the initially inactive accordions do not render their content correctly when their tab is selected. Reading around I see the reason for this is that the inactive tabs have display:none initially, so the height of the divs within the accordion do not get calculated correctly. None of the suggested solutions work for me. Have has anyone overcome this or have a work around? Here's some example code of the problem: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="../css/jquery-ui-1.7.2.custom.css" media="screen" />

How do I switch to a new jQuery UI tab programmatically?

由 一曲冷凌霜 提交于 2019-11-27 15:29:43
问题 I am building a "check-out" like interaction with jQuery UI tabs. This means that the click of a button on the first tab will deactivate the first tab and move to the next. I have been combing through the posts on Stack Overflow but nothing I try seems to work. I am using jQuery UI 1.8, here is the code: $(document).ready(function() { var $tabs = $('#tabs').tabs({ selected: 0 }); $tabs.tabs('option', 'selected', 0); $("#tabs").tabs({disabled: [1,2]}); $("#addstudent").click(function(){ $tabs

jQuery UI Tabs - Automatic Height

由 ぐ巨炮叔叔 提交于 2019-11-27 13:46:33
问题 In previous versions of jQuery tabs there was an option to automatically set the height of the tab to that of the tallest tab in the group using: $('#container').tabs({ fxAutoHeight: true }); However this does not seem to work in jQuery UI 1.5.3 . Has this option been removed? If so is there another way to get the same functionality? 回答1: It looks like it's no longer there, check out this plugin for the same functionality Equal Heights Plugin 回答2: All you have to do is to set a min-height.

jQuery - trapping tab select event

由 一个人想着一个人 提交于 2019-11-27 13:28:32
I'm a jQuery noob and I'm trying to figure out how to trap the tab selected event. Using jQuery 1.2.3 and corresponding jQuery UI tabs (not my choice and I have no control over it). It's a nested tab with the first level div name - tabs. This is how I initialized the tabs $(function() { $('#tabs ul').tabs(); }); $(document).ready(function(){ $('#tabs ul').tabs('select', 0); }); I'm not able to figure out how to trap any of the events or properties (selected tab, when tab clicked, etc). Would appreciate any help on this... I tried things like: $('#tabs ul').bind('tabsselect', function(event, ui

jQuery tabs - getting newly selected index

由 寵の児 提交于 2019-11-27 13:03:40
问题 I've previously used jquery-ui tabs extension to load page fragments via ajax , and to conceal or reveal hidden div s within a page. Both of these methods are well documented, and I've had no problems there. Now, however, I want to do something different with tabs. When the user selects a tab, it should reload the page entirely - the reason for this is that the contents of each tabbed section are somewhat expensive to render, so I don't want to just send them all at once and use the normal
订阅 jquery-ui-tabs