2013-12-12 65 views
0

我想刪除類mousemovescrolling,但在我的代碼中它只能工作一次。刪除jQuery的兩個類

我需要在我的代碼中更改什麼?

小提琴:jsfiddle.net

(function(){ 
    var timer; 

    clearTimeout(timer); 
    $('body').mousemove(function() {  
     $('body').addClass('mousemove');   
    }); 

    $(window).scroll(function() { 
     $('body').addClass('scrolling'); 
    }); 

    timer = setTimeout(function(){$('body').removeClass('scrolling mousemove')}, 2000); 

})(); 

回答

1

只需通過這兩個用空格隔開的類名稱

(function() { 
    var timer; 

    $('body').mousemove(function() { 
     $('body').addClass('mousemove'); 
     startTimer(); 
    }); 

    $(window).scroll(function() { 
     $('body').addClass('scrolling'); 
     startTimer(); 
    }); 

    function startTimer() { 
     clearTimeout(timer); 
     // How To Remove 2 class 'scrolling'&'mousemove' in Body 
     timer = setTimeout(function() { 
      $('body').removeClass('scrolling mousemove') 
     }, 2000); 
    } 
})(); 

演示:Fiddle

+0

謝謝男人;)我是複製代碼js在Drupal主題中加載負載但不工作! Eror在螢火蟲 類型錯誤:$不是一個函數 \t $( '主體')鼠標移動(函數(){ –

+0

看起來像你錯過了包括jQuery的頁面 –

+0

'<腳本類型= 「文/ JavaScript的」 SRC。 =「http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js」> ' –

3

試試這個

.... 
    timer = setTimeout(function(){ 
     $('body').removeClass('scrolling mousemove'); 
    },2000); 
    ... 
+0

我想你忘了2000 –

+0

喲!正在更新它.. :) – bipen

+0

坦克,但工作一次plase檢查這;) –