2013-02-22 68 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