函数.on()没有工作两次

时间:2014-06-09 21:33:24

标签: jquery onclick

我有以下代码

function opacity_on(){      
  jQuery(".wrapper").css({
          'opacity' : 0.4,
          'background-color': 'white',
  });
};

function opacity_off(){     
  jQuery(".wrapper").css({
          'opacity' : 1.0,
          'background-color': 'transparent',
  });
};

jQuery(document).ready(function(){
  jQuery( "li a.dcjct-slide" ).on( "click focus", opacity_on );
  jQuery( "li.active" ).on( "click focus", opacity_off );
});

点击li a.dcjct-slide on()后,当我点击li.active时,它无效。

1 个答案:

答案 0 :(得分:0)

如果我在执行第一个功能后直接进入控制台..

将代码更改为:

    jQuery("li a.dcjct-slide").on( "click", function(){

    if(jQuery("#dcjct-1").hasClass("active") ){
       opacity_on();
   }
   if(!jQuery("#dcjct-1").hasClass("active") ){
       opacity_off();
   }   
    });

并且不能在第二次点击时使用opacity_off():(