Tabs within tabs screws up my lazy loading
Hello all!
I've created some tabs within tabs. Here is the functions:
$(document).ready(function () {
$("div#tabs").removeClass("ui-tabs-hide");
$("div#tabs").tabs({
cache: true,
duration: 'fast'
});
$(function() {
$("div.tabs_head").tabs({
load: function(event, ui) {
bindDates()
},
cache: true,
duration: 'fast'
});
});
});
var bindDates = function() {
$('input.checklistStatusDate').datepicker();
};
The problem is that it preloads the initial content of all the top-
level tabs and not just the first one. Is this because each tab has
it's own set of tabs that must be loaded? How can I force it to wait
until the tab is clicked?
Thanks in advance!
-Steve