Question

您好我在使用Jquery API时遇到了一些问题 - 尤其是animate函数：这在api中有描述：

$('#clickme').click(function() {
  $('#book').animate({
    width: ['toggle', 'swing'],
    height: ['toggle', 'swing'],
    opacity: 'toggle'
  }, 5000, 'linear', function() {
      $(this).after('<div>Animation complete.</div>');
  });
});

现在我要插入100％的宽度值和100％的高度......但这不起作用...任何人都可以帮我解决语法问题吗？

$('#clickme').click(function() {
  $('#book').animate({
    width:'100%'['toggle', 'swing'],
    height:'100%' ['toggle', 'swing'],
    opacity:'toggle'
  }, 5000, 'linear', function() {
      $(this).after('<div>Animation complete.</div>');
  });
});

非常感谢！

Answer 1

'100%' ['toggle', 'swing']是语法错误。在数组中，第一个元素告诉jQuery如何调整值，第二个元素是缓动函数。如果你想保留swing缓动功能，你可以使用

width: ['100%', 'swing'],
height: ['100%', 'swing'],

否则，如果您想使用默认缓动，请仅指定'100%'：

width: '100%',
height: '100%',

尝试设置高度和宽度的Jquery动画功能

1 个答案: