jQuery左右移动

Question

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

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

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

Answer 1

要将它移回左侧，您只需 append 另一个动画：

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

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

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

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

然后也许这会有所帮助。

编辑：

我发现一篇文章描述了如何从代码隐藏调用 javascript。

希望能帮助到你