停止onclick事件，如果它的選項卡已被選中

Question

如何停止下面的代碼執行，如果它的ID是已經選擇的ID？

任何幫助，將不勝感激。

//Product Tabs 
    $('#productinfowrap .tab:first').show();  
    $('#subselect li').click(function() { 
     var thisTop = $(this).position().top; 
     $('#subselect li').removeClass('current'); 
     var li = (this); 
     $('.pointer').animate({'top': thisTop}, function() { 
      $(li).addClass('current'); 
     }); 
     var id = $(this).find("a").attr('href'); 
     $("#productinfowrap > div").fadeOut(500).hide();   
     $(id).fadeIn(); 
     return false; 
    }); 

和HTML

<ul id="subselect"> 
      <li class="current"><a href="#overview">Overview</a><span class="pointer"></span></li> 
      <li><a href="#applications">Applications</a></li> 
      <li><a href="#technical">Technical</a></li> 
     </ul> 

Answer 1

檢查 「當前」 級的存在。如果它有它（意味着它被選中），不要做任何事情。

$('#subselect li').click(function() { 
    if (!$(this).hasClass('current')){ 
      var thisTop = $(this).position().top; 
      $('#subselect li').removeClass('current'); 
      var li = (this); 
      $('.pointer').animate({'top': thisTop}, function() { 
       $(li).addClass('current'); 
      }); 
      var id = $(this).find("a").attr('href'); 
      $("#productinfowrap > div").fadeOut(500).hide();   
      $(id).fadeIn(); 
    } 
      return false; 

     });