jQuery幻燈片，如何在開始或結束時不滑動？

Question

我有一個jQuery的功能，當我點擊一個按鈕時，將某個div滑動到右側或左側。

$(function(){ 
    $("#prev").click(function(){ 
     $("#contentcont").animate({'left': '-=110'}); 
     return false; 
    }); 
    $("#next").click(function(){ 
     $("#contentcont").animate({'left': '+=110'}); 
     return false; 
    }); 
}); 

一切工作正常。但是，如果我還沒有滑過任何東西，我能做些什麼，我可以將整個事情推到一邊呢？現在我可以滑向雙方。但是我只是想這樣做，如果我已經滑過至少一個。最後也是一樣的......當我剛剛結束時，如何告訴jquery停止滑動？

在此先感謝。我仍然不是一個jQuery的親...

Answer 1

你可以設置一個變量來跟蹤用戶是否參與了用戶界面。然後在執行功能內容之前在條件中測試變量。

var userEngagedUI = false; 
$(function(){ 
    $("#prev").click(function(){ 
     if(userEngagedUI){ 
      $("#contentcont").animate({'left': '-=110'}); 
     } 
     return false; 
    }); 
    $("#next").click(function(){ 
     userEngagedUI = true; 
     $("#contentcont").animate({'left': '+=110'}); 
     return false; 
    }); 
});