Question

我有一个标签显示/隐藏系统，但是我需要在点击事件到达最终“标签”时将其删除

演示here

向下滚动到“热门的，最近的热门评论”部分，然后点击最右边的+图标，它会更改图片（有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，您需要来自加号链接的unbind click个活动，例如;

$('#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');
    }
});

禁用上一项的href

3 个答案: