我正在使用js快捷键插件shortcut.js来启用上下箭头的键盘快捷键来选择标签。单击选项卡时,该选项卡将被选中。单击选项卡,然后使用向上和向下箭头选择相邻选项卡。我使用.prev()
和.next()
来控制选择,但是.next()
有问题。当选择一个选项卡时,所选内容将跳到最后一个选项卡。
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');
}
});
});
1条答案
按热度按时间hts6caw31#
你不需要循环。只需将所选选项卡移动到下一个选项卡一次。