Response title
This is preview!
- Screen name: douglas.estep
- Website:
- Twitter Link:
douglas.estep's Profile
1 Posts
2 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 29-May-2012 11:53 AM
- Forum: Using jQuery UI
I discovered a bug in the jqueryui tabs control which I felt would benefit everyone to know. I'm creating an application that is using the jqueryui tabs control and part of my functionality is to allow a user to add and remove tabs on the fly. Each of my tabs are ajax tabs (not the static tabs).Here is the code that I used to defined the tabs (the calling functions are not included in this post):// create tabs$tabs = $("#" + options.tabbedStripId).tabs({ajaxOptions: {beforeSend: function (xhr, settings) {$.xhrPool.push(xhr);ajaxActionComplete = false;var millis = options.progressDialogWaitTimeMillis;},complete: function (xhr, textStatus) {ajaxCompleteTabsProgressDialog();ajaxCompletePostProcess();},error: function(xhr, status, index, anchor) {var container = $(anchor.hash);container.html(options.friendlyExceptionMessage);}},fx: {opacity: 'toggle',duration: 'fast'},spinner: '',cache: true,tabTemplate: '<li><a href="#{href}">#{label}</a><span class="ui-icon ui-icon-close"></span></li>'});And the code to add a tab on the fly...function addTab (tabbedStripId, viewName, url) {var container = $('#' + tabbedStripId);var viewToSelect = container.tabs("length") - 2;container.tabs("add", url, viewName, viewToSelect);container.tabs("select", viewToSelect);}The bug:Once a new tab was added, you had to click the tab twice before it would actually show anything. Upon addition of the tab, it would definitely call the URL using ajax and get the response, however the screen would blink the response and then hide it.I debugged the jqueryui tab control and concluded that the problem was in the section of code that was dealing with the "fx" option.fx: {opacity: 'toggle',duration: 'fast'},For some reason, that code was causing it to hide the response. I removed that option (fx) from my initial tabs display and everything worked as expected.I'm using jquery 1.7.2 with jqueryui 1.8.20.Again...I've worked around the issue by removing the fx option. If someone else has experienced this issue, I thought this post may be of some use.--Doug- «Prev
- Next »
Moderate user : douglas.estep
