2012-11-08 121 views
1

我似乎無法讓jQuery爆炸效果工作,當它使用的元素有一個百分比定義的寬度/高度。而不是分解成碎片,而只是從屏幕左側進出。jquery爆炸效果不工作與百分比寬度/高度

例子:

 <html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/jquery-ui.js" type="text/javascript"></script> 
<style type="text/css"> 
#mydiv 
{ 
    background-color: aqua; 
    width: 50%; 
    height: 50%; 
    display: block; 
    z-index: 100; 
} 

#mydiv2 
{ 
    background-color: red; 
    width: 500px; 
    height: 500px; 
    display: block; 
z-index: 100; 
} 
</style> 
    </head> 
    <body> 
     <a href="#" onclick="$('#mydiv').toggle('explode', {}, 1000);">click %</a> <a href="#" onclick="$('#mydiv2').toggle('explode', {}, 1000);">click px</a> 
     <div id="mydiv">% width</div> 
<br> 
<div id="mydiv2">px width</div> 
    </body> 
</html> 

是不是應該是這樣嗎?是否有某種解決方法?在使用Google搜索時,我找不到任何相關內容。

乾杯。

回答