BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

Changed tab handling from binding a click handler on each tab to a <body> delegate targeting the same tabs

Browse Source
This commit is contained in:
Scott Rabin 2011-09-09 12:07:59 -04:00
parent 3f12a6877e
commit c268f236f0
1 changed files with 13 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
javascripts/tabs.js
View File

@ -13,13 +13,7 @@ $(document).ready(function() {
/* Tabs Activiation /* Tabs Activiation
================================================== */ ================================================== */
var tabs = $('ul.tabs'); $('body').delegate('ul.tabs > li > a', 'click', function(e) {
tabs.each(function(i) {
//Get all tabs
var tab = $(this).find('> li > a');
tab.click(function(e) {
//Get Location of tab's content //Get Location of tab's content
var contentLocation = $(this).attr('href'); var contentLocation = $(this).attr('href');
@ -30,13 +24,13 @@ $(document).ready(function() {
e.preventDefault(); e.preventDefault();
//Make Tab Active //Make Tab Active
tab.removeClass('active'); $(this).parent().siblings().children('a').removeClass('active');
$(this).addClass('active'); $(this).addClass('active');
//Show Tab Content & add active class //Show Tab Content & add active class
$(contentLocation).show().addClass('active').siblings().hide().removeClass('active'); $(contentLocation).show().addClass('active')
.siblings().hide().removeClass('active');
} }
}); });
}); });
});