如果已选中选项卡，则停止onclick事件

Question

如果其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;

        });