Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery向左向右移动_Javascript_Jquery_Asp.net_Javascript Events - Fatal编程技术网

Javascript 使用jQuery向左向右移动

Javascript 使用jQuery向左向右移动,javascript,jquery,asp.net,javascript-events,Javascript,Jquery,Asp.net,Javascript Events,我是jQuery初学者:)我试图从左向右移动,但我所做的只是向右移动。怎么把它移回去 $(function () { $('#box').click(function () { $(this).animate({ "left" : "300px" }, 4000); }); }); 此外,我的页面上有一个带有左右按钮的更新面板,可以在代码隐藏中执行一些操作。如何从代码隐藏调用此左/右函数?要将其移回

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

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

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

要将其移回左侧,只需附加另一个动画:

$(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);
}
然后也许会有帮助

编辑:

我发现了一个描述如何从代码背后调用javascript的示例


希望能有所帮助

谢谢。那么如何从代码隐藏中调用此移动函数。@1110检查链接,看看是否可以在那里找到答案。我不是WebForms开发人员,所以我认为其他人可以比我更好地回答这一部分:)the
$(“#box”)。单击(boxAnimation)
是第二个问题的答案。您只需要一个命名函数。