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。

希望能幫助到你