jquery停止功能(不是动画)

时间:2016-09-23 09:03:26

标签: javascript jquery function events

文章。胆大。文章

    

文章。胆大。文章

    

文章。胆大。文章

    

文章。胆大。文章

鼠标事件功能:

function stat(){
 $('p').mouseenter(function(){
  $(this).find('b').css({background:'yellow',color:'red'});
  $(this).mouseleave(function(){
   $(this).find('b').css({background:'transparent',color:'black'})
  })
 })
}

windows调整jquery代码:

$(window).resize(function(){
 if( $(window).width() < 480 ){
  $('p').find('b').css({background:'red',color:'white'});

  // stopped stat() function !..
 }else{
  $('p').find('b').css({background:'transparent',color:'black'});
  // start stat() function !..
  stat();
 }
})

我需要;停止功能stat()。第一次工作时,stat()函数不会停止

JSfiddle

1 个答案:

答案 0 :(得分:1)

您必须关闭事件监听器。

$(window).resize(function(){
 if( $(window).width() < 480 ){
  $('p').find('b').css({background:'red',color:'white'});

  // stopped stat() function !..
  $('p').off('mouseenter').off('mouseleave');
 }else{
  $('p').find('b').css({background:'transparent',color:'black'});
  // start stat() function !..
  stat();
 }
})