Question

使用jquery animate苦苦挣扎。

目前，如果我继续点击按钮，显然每次都会将对象移动到右边50px

$( ".button" ).click(function() {
  $( "#object" ).animate({opacity: 1,right: "+=50",}, 500, function() {}
);

有没有办法确保一次点击移动一次，然后第二次点击不会移动它？

即。将其移动到右边的规则：50px，那就是它，而不是+ 50px？

非常感谢任何帮助!!

Answer 1

使用.one()

$( ".button" ).one('click',function() {

Fiddle Demo

Answer 2

您可以使用one()：

$(".button").one('click', function () {
    $("#object").animate({
        opacity: 1,
        right: "+=50",
    }, 500, function () {

    });
});

或者我建议您停用此按钮，让您的用户知道您的意图：

$(".button").click(function () {
    var $this = $(this);
    $("#object").animate({
        opacity: 1,
        right: "+=50",
    }, 500, function () {
        $this.prop("disabled",true);
    });
});

jquery animate然后停止

2 个答案: