Skip to content

Instantly share code, notes, and snippets.

@oreshinya

oreshinya/create_tab_renderer.js

Created November 11, 2012 10:55
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save oreshinya/4054544 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save oreshinya/4054544 to your computer and use it in GitHub Desktop.
Download ZIP
create tab
Raw
create_tab_renderer.js
/** with jqmobi **/
var createTabRenderer = function(parent_target) {
var tab_id = 0;
$(parent_target + ' .tab').each(function() {
$(this).data('tab-id', tab_id);
tab_id += 1;
});
tab_id = 0;
$(parent_target + ' .list_for_tab').each(function() {
$(this).data('tab-id', tab_id);
tab_id += 1;
});
var current_tab = 0;
var showCurrentTab = function() {
$(parent_target + ' .current_tab').removeClass('current_tab');
$(parent_target + ' .tab[data-tab-id="' + current_tab + '"]').addClass('current_tab');
$(parent_target + ' .list_for_tab').hide();
$(parent_target + ' .list_for_tab[data-tab-id="' + current_tab + '"]').show();
}
$(parent_target).delegate('.tab', 'click', function(){
current_tab = $(this).data('tab-id');
$(this).trigger('tab:change');
});
$(parent_target + ' .tab').bind('tab:change', function(){
showCurrentTab();
});
showCurrentTab();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment