javascript - 使用 jQuery 左右移动

Question

我是 jQuery 初学者 :) 我试图从左向右移动，但我所做的只是向右移动。怎么移回去？

$(function () {
        $('#box').click(function () {
            $(this).animate({
                "left" : "300px"
        }, 4000);
    });
});

我的页面上还有更新面板，带有左右按钮，可以在代码隐藏中执行一些操作。如何从代码后面调用这个左/右函数？

Answer 1

要将它移回左侧，您只需添加另一个动画:

$(function () {
  $('#box').click(function () {
    $(this).animate({
      "left" : "300px"
    }, 4000).animate({
      "left" : "0px"
    }, 4000);
  });
});

这是一个匿名函数，作为您不能调用的事件处理程序，它只会在 div 上的点击事件上运行。你可以把它移到外面

$(function () {
  $('#box').click(boxAnimation);
});

function boxAnimation() {
  $(this).animate({
    "left" : "300px"
  }, 4000).animate({
    "left" : "0px"
  }, 4000);
}

然后可能是this会有帮助。

编辑:

我找到了一个 article描述如何从代码隐藏调用 javascript。

希望对你有帮助