Question

请考虑以下事项：
.animate({'marginLeft': '-='+width })
它是运行顺畅和精细的代码的一部分，但{'marginLeft': '-='+width }到底意味着什么？我知道a-=b与a=a-b相同，但我似乎无法理解上述情况，请提前感谢。

Answer 1

我想你动态设置width，因此你不会写：

.animate({'marginLeft': '-=200px' })

您只需将此字符串-=与值width连接起来，以获得相同的结果，即包含-=value的字符串。

负号与朝向左方向的动画相关联，而正号与朝向右方向的动画相关联。

为了更好地理解后者，我在这里发布了一个来自jQuery documentation的例子。

＆＃13;

$(function(){

    $( "#right" ).click(function() {
        $( ".block" ).animate({ "left": "+=50px" }, "slow" );
    });
 
    $( "#left" ).click(function(){
        $( ".block" ).animate({ "left": "-=50px" }, "slow" );
    });
  
});

</script>

＆＃13;

 div {
    position: absolute;
    background-color: #abc;
    left: 50px;
    width: 90px;
    height: 90px;
    margin: 5px;
  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="left">&laquo;</button>
<button id="right">&raquo;</button>
<div class="block"></div>

＆＃13;

动画方法在jquery中的属性及其价值

1 个答案: