Jquery 如何恢复图像以前的移动方式？_Jquery_Html

Jquery 如何恢复图像以前的移动方式？

jquery html

Jquery 如何恢复图像以前的移动方式？,jquery,html,Jquery,Html,它所做的是在屏幕上左右移动。当我按下停止按钮时，图像将返回左侧，我用另一个按钮继续移动，它将继续向右移动，而不是像我按下停止按钮之前一样向左移动。我想让它恢复到我按下“停止”键之前的运行方式，而不是一直向右运行而且，它似乎又开始了循环。这意味着当它已经移动了500次时，它将再移动1000像素。我该如何使它移动最大距离 HTML: 不要将函数放在if/else块中。另外，不要将CSS内联放置请尝试以下代码：单击以获取工作示例 <head> <title>Assignm

它所做的是在屏幕上左右移动。当我按下停止按钮时，图像将返回左侧，我用另一个按钮继续移动，它将继续向右移动，而不是像我按下停止按钮之前一样向左移动。我想让它恢复到我按下“停止”键之前的运行方式，而不是一直向右运行

而且，它似乎又开始了循环。这意味着当它已经移动了500次时，它将再移动1000像素。我该如何使它移动最大距离

HTML:

不要将函数放在if/else块中。另外，不要将CSS内联放置

请尝试以下代码：单击以获取工作示例

<head>
<title>Assignment3</title>
<script src = "jquery-1.11.1.js"></script>
<script type = "text/javascript"  src = "jquery3-functions.js"></script>
</head>

<body>
   <button id="StartContinue">Start/Continue</button>
   <button id="Stop">Stop</button>
   <br />
   <div id="b" style="background:#98bf21;height:100px;width:100px;position:absolute;">
</body>

</html>

你也可以发布你的HTML吗？好了。Html就在那里。非常感谢你。工作完美，正是我想要的。我想我没有在我的帖子中正确地解释我的问题哈哈。

<head>
<title>Assignment3</title>
<script src = "jquery-1.11.1.js"></script>
<script type = "text/javascript"  src = "jquery3-functions.js"></script>
</head>

<body>
   <button id="StartContinue">Start/Continue</button>
   <button id="Stop">Stop</button>
   <br />
   <div id="b" style="background:#98bf21;height:100px;width:100px;position:absolute;">
</body>

</html>

$(document).ready(function(){

    var curPosition = 0;
    var curDirection = 'right';
    var maxDistance = 500;

    $("#StartContinue").click(function(){
        move();
    });

    $("#Stop").click(function(){
        stop();
    });

    function move()
    {
        if(curDirection == 'right' )
        {
            moveRight();
        }
        else
        {
            moveLeft();
        }
    }

    function moveRight()
    {
        curPosition = $("#b").position().left;
        curDirection ="right";
        var travel = maxDistance - curPosition;
        $("#b").animate({left: "+="+travel}, 1000, "swing", moveLeft);
    }

    function moveLeft()
    {
        curPosition = $("#b").position().left;
        curDirection ="left";
        var travel = curPosition;
        $("#b").animate({left: "-="+travel}, 1000, "swing", moveRight);
    }

    function stop() {
        $("#b").stop(true, false);
    }
});