1

使用されている要素の幅/高さがパーセンテージで定義されている場合、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>

そうなるはずですか？何らかの回避策はありますか？今のところグーグルで関連するものは何も見つかりません。

乾杯。

4

1 に答える 1

0

ウィンドウの幅と高さを知ることで、幅と高さをピクセル単位で動的に設定できます。

次の答えが役に立ちます： jQuery：ウィンドウ幅をその場で検出する方法は？

于 2012-11-08T14:05:39.290 に答える