jquery - 使用 animate() 从右向左滑动 div

Question

我想要一个 div '.whole' 进行动画处理(从右向左滑动)

jQuery

$('#menu').click(function() {
      $('.whole').toggleClass('r2');
      $('#slideMenu').toggle();
});

.r2 { right: 200px }

我无法正确使用 animate() 函数。

Answer 1

这应该有效:

$('#menu').click(function(event) {
      event.preventDefault(); // because it is an anchor element
      $('.whole').animate({
          right: '200px'
      });
      $('#slideMenu').toggle();
});

但是您的 position 属性应该已在 CSS 中设置，否则您可能无法获得所需的内容。

Working JSFiddle

解释一下:该函数接受一个 JS 对象的属性，如下所示:

{
    right: '200px',
    somethingElse: 'value',
    myboolean: true
}

您还可以将其分配给 var 并将其传递给 animate:

var cssProperties = { right: '200px' }

$('#menu').click(function() {
  $('.whole').animate(cssProperties);
});

您可以在documentation中传递其他可读的论点。 .