滚动选页+on事件触发

来源：互联网发布：怎么卸载mac软件编辑：程序博客网时间：2024/06/05 18:19

以前写效果的时候总是单个事件点击写，现在跟同事学了新用法：用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代码：

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

0 0