上最后一个项目

Question

禁用HREF我有一个选项卡显示/隐藏系统，该系统的工作原理，但我需要当它到达最后的“标签”

演示here

向下滚动，从点击事件删除HREF点击最右边的+图标，它会改变图像（有3个“标签”，它不会停在最后一个，它显示一个空白区域

JS

$('#popular .next').click(function() { 
    $('#popular .current') 
     .removeClass('current') 
     .hide() 
     .next() 
     .show() 
     .addClass('current'); 
    if ($('.current').hasClass('last')) { 
     $('#popular .next').removeAttr('href'); 
    } 
}); 

任何帮助，将不胜感激

Answer 1

Demo

这是没有必要删除href，你需要从像你加链接unbindclick事件;

$('#popular .next').click(function() { 
    $('#popular .current').removeClass('current').hide() 
    .next().show().addClass('current'); 
    if ($('.current').hasClass('last')) { 
    $(this).unbind('click'); 
    } 
}); 

Answer 2

我没有看到任何href属性，但从我看到你需要删除点击处理程序。

if ($('.current').hasClass('last')) { 
    $(this).off('click'); 
} 

Answer 3

使用.unbind()或.off()因为没有href属性。

$('#popular .next').click(function() { 
    $('#popular .current') 
     .removeClass('current') 
     .hide() 
     .next() 
     .show() 
     .addClass('current'); 

    if ($('.current').attr('id') === 'tab3') { 
     $(this).unbind('click'); 
    } 
});