使用jQuery向左移动

时间:2011-05-14 09:39:59

标签: javascript jquery asp.net javascript-events

我是jQuery初学者:)我试图从左到右移动,但我所做的就是向右移动。如何搬回来?

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

此外,我的页面上有更新面板,左侧按钮,后面的代码中有一些东西。如何从代码后面调用这个左/右函数?

1 个答案:

答案 0 :(得分:2)

要将其向左移动,您只需添加另一个动画:

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

这是一个匿名函数,作为无法调用的事件处理程序,它只会在div上的click事件上运行。你可以把它移到外面

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

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

然后也许this会有所帮助。

修改

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

希望有所帮助