試圖將一個條件語句添加到jQuery的動畫

Question

這裏的小提琴：http://jsfiddle.net/webguy262/e5ana/18/

頁加載默認鎮場面。懸停地圖別針改變場景。

如果鼠標停止十秒鐘，默認場景返回。

試圖只在默認場景被隱藏時才這樣做。這是因爲如果默認場景可見，則代碼將運行，並將該默認場景動畫化並重新備份。

這裏就是我想...

if ($('#dt').css('bottom') == '0px') { 
var t; 
var del = 10000; //Ms delay 
    $(document).mousemove(function(){ 
    clearTimeout(t); 
    t = setTimeout(function(){ 
     //If the mouse is not moved 
     $(".town").animate({ 
      bottom: '0px' 
     }, 500); 
     $("#dt").animate({ 
      bottom: '126px' 
     }, 500); 
    }, del); 
}); 
} 

但它不工作。沒有腳本錯誤被拋出，並且沒有任何事情發生在場景中。

語法問題？沒有正確檢測#dt的位置？

Answer 1

我在想這是因爲當你調用鼠標移動時，你已經在你的函數中並且通過了if語句。也許嘗試這樣的事情：

var t 
, del = 10000; //Ms delay 

$(document).mousemove(function(){ 
    if ($('#dt').css('bottom') === '0px') { 
     clearTimeout(t); 
     t = setTimeout(function(){ 
      //If the mouse is not moved 
      $(".town").animate({ 
       bottom: '0px' 
      }, 500); 
      $("#dt").animate({ 
       bottom: '126px' 
      }, 500); 
     }, del); 
    } 
});