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; 
    }); 
});