I have a set of tabs that loads it's contents using ajax. within some
of these tabs I have defined numeric spinners. I have found that i
need to configure my spinners on tabsshow, not tabsload. however tabs
load works for just about everything else i do dynamically. I'm
guessing this has something to do with how the spinner extension
builds the necessary DOM elements
this works fine if I manually click the tab. within a given tab I will
have an element which changes the url of the current tab and reloads
the tab. when i do this the spinners are not created (it's just a
textbox), but the panel is loaded. the script looks like this
$("#tabs").tabs({
show: function(event, ui) {
$(".spinner", ui.panel).spinner();
},
load: function(event, ui) {
//do other jquery stuff
},
});
$("a.category-selector").live("click", function() {
var index = $("#tabs").tabs("option", "selected");
$("#tabs").tabs("url", index, this.href).tabs("load", index);
return false;
});
it appears that calling load programatically (rather than clicking on
the tab manually) does not call the show function.
also, if i try to place the spinner script in the html, rather than a
separate html file, the spinner's height is not properly set. Again, I
think this has to do with how the spinner is attaching itself to the
DOM.
the spinner is jQuery.ui.spinner 1.10 written by Brant Burnett. jquery-
ui-1.7.2.custom.min.js. I'm using modals, tabs and datepicker.
is there any way for force calling the show function on tabs? like I
can with loading tabs?
