1

ここに私のCSSがあります:

.animate-rectangle {
    background-color:#0F0;
    border: 1px solid #FFF;
    float:left;
    position:absolute;
    width:100px;
    height:100px;
}

そしてjQueryコード：

<!--Jquery Code to Animate Rectangle from Left to Right-->
$(document).ready(function () {

    var windo_width = $(document).width() - 300;

    $("#reset").click(function () {
        $(".animate-rectangle").animate({
            "left": "100px"
        }, "slow");
    });

    $("#MoveRight").click(function () {
        $(".animate-rectangle").animate({
            "left": "+=" + windo_width
        }, "slow");
    });

});

それが宣言しているjQueryコードを見てください。animate({"left":"100px"}しかし実際には、なぜこれが起こったのでしょうか?

4

2 に答える 2

0

あなたの を見ている間、あなたは最初に要素に をcss割り当てませんでした。leftしたがって、デフォルトではそのleftままになります。0だから今、あなたは からanimate左に移動しようとしてい100ます。明らかに、あなたの要素は から移動するために右に移動し0 to 100ます。要素の最初の左位置を設定してみてください。

  ***    ------>         ***
  ***                    *** 
  |                      |
  |                      |
  left : 0               left: 100
于 2013-11-15T08:59:58.693 に答える