当使用它的元素具有由百分比定义的宽度/高度时，我似乎无法让 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>
应该是这样吗？有什么解决办法吗？到目前为止，我在谷歌搜索时找不到任何相关内容。
干杯。