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

您可以设置一个变量来跟踪用户是否使用了UI。然后在执行函数内容之前在条件中测试变量。

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

jQuery幻灯片，如何在开始或结束时不滑动？

1 个答案: