2013-02-22 38 views
0

的填充我很新的jQuery和CSS,我试图动画类.iDoElement的两个div用下面的jQuery代码:动画宽度为零包括DIV

$('.iDoElement').each(function() { 
     var randomDelay = Math.floor(Math.random() * 600);   
     $(this).delay(randomDelay).animate ({width:0}, 1000); 
    }); 

.. 。但是这两个div都有填充右和填充左定义,这意味着他们不打算宽度0(我在网上读取div的宽度影响其内容并忽略填充)。

如何解决?唯一的解决方案是animatind padding-left和padding-right是否为零?

在此先感谢

+0

http://stackoverflow.com/questions/3965092/jquery-animate-outerwidth – 2013-02-22 10:14:48

+0

看看这个:HTTP:// API .jquery.com/outerWidth/ – 2013-02-22 10:17:24

+0

@BillyMoat谢谢,但我该如何在动画块中使用outerWitdh(true)技术?正如我所说我很新的jQuery :) – 2013-02-22 10:22:12

回答

0

这似乎工作:http://jsfiddle.net/G6bTD/

$('.iDoElement').each(function() { 
    var randomDelay = Math.floor(Math.random() * 600); 
    $(this).delay(randomDelay).animate({width:'toggle'}, 1000); 
}); 
+0

它不在这里 – 2013-02-22 10:45:37

+0

@DavidFregoli - 我的小提琴不适合你吗? – 2013-02-22 10:53:11

+0

它缩小到一定的宽度(填充值),然后消失。目标是让它具有动画效果0 – 2013-02-22 10:55:09