shortcut - jquery .next() not working properly -



shortcut - jquery .next() not working properly -

im using js shortcut plugin shortcut.js enable keyboard shortcuts , downwards arrows select tabs. when tab clicked, selected. click tab , utilize , downwards arrows take neighboring tab. i'm using .prev() , .next() command selection, wrong .next(). when tab selected, selection skips lastly tab.

jsbin: http://jsbin.com/maqiheja/3/edit?html,css,js,output

js:

shortcut.add("up",function() { $('.tab').each(function(){ var selected = $(this).hasclass('selected'); var end = $('.tab:first-of-type').hasclass('selected'); if((selected === true) && (end === false)){ $(this).removeclass('activetab selected'); $(this).prev().addclass('activetab selected'); } }); }); shortcut.add("down",function() { $('.tab').each(function(){ var selected = $(this).hasclass('selected'); var end = $('.tab:last-of-type').hasclass('selected'); if((selected === true) && (end === false)){ $(this).removeclass('activetab selected'); $(this).next().addclass('activetab selected'); } }); });

you don't need loop. move selected tab next tab once.

shortcut.add("down", function() { var selected = $('.tab.selected'); var end = $('.tab:last-of-type').hasclass('selected'); if (selected.length && !end) { selected.removeclass('activetab selected'); selected.next().addclass('activetab selected'); } }); shortcut.add("up", function() { var selected = $('.tab.selected'); var end = $('.tab:first-of-type').hasclass('selected'); if (selected.length && !end) { selected.removeclass('activetab selected'); selected.prev().addclass('activetab selected'); } });

jquery shortcut next

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more