滚动选页+on事件触发

以前写效果的时候总是单个事件点击写，现在跟同事学了新用法：用on 来写触发事件。可以连续触发多个。

$('.c-platform-contain-nav ul li').on('click','a',function(){
            $(this).removeClass('hover');
            $(this).addClass('act');
            $(this).parent().siblings().find("a").removeClass('act');
        }).on("mouseenter",'a',function(){
            if( $(this).hasClass('act') ){
                return;
            }else{
                $(this).addClass('hover');
            }        
        }).on("mouseleave",'a',function(){
            $(this).removeClass('hover');
        });

下方滚动选页数的jq代码：

<div class="c-flip-btn noCopy">
                            <span class="transition c-filp-first">1</span>
                            <span class="transition c-change-filp">6</span>
                            <span class="transition c-flip-btn-current c-change-filp">7</span>
                            <span class="transition c-change-filp">8</span>
                            <span class="transition c-filp-end">100</span>
</div>

$('.c-flip').on('click','span.c-change-filp',function(){
            var num = parseInt($(this).html());
            var that = $('span.c-change-filp').eq(1);
            if( num <= parseInt($('span.c-filp-first').html()) + 1 || num >= parseInt($('span.c-filp-end').html()) -1 ){
                return;
            }else{
                that.html(num);
                that.prev('span.c-change-filp').html(num-1);
                that.next('span.c-change-filp').html(num+1);
            }
        }).on('click','i.c-flip-r',function(){
            var num = parseInt($('span.c-change-filp').eq(1).html());
            if( num >= parseInt($('span.c-filp-end').html() - 2 ) ){
                return;
            }else{
                var that = $('span.c-change-filp').eq(1);
                that.html(num+1);
                that.prev('span.c-change-filp').html(num);
                that.next('span.c-change-filp').html(num+2);
            }
        }).on('click','i.c-flip-l',function(){
            var num = parseInt($('span.c-change-filp').eq(1).html());
            if( num == parseInt($('span.c-filp-first').html()) + 2 ){
                return;
            }else{
                var that = $('span.c-change-filp').eq(1);
                that.html(num-1);
                that.prev('span.c-change-filp').html(num-2);
                that.next('span.c-change-filp').html(num);
            }
        });