1

サイズ変更可能なjquery-uiを使用しようとしています。

ここで私はサイズ変更可能なものを作成しています:

jQuery("#id404").resizable();

サイズ変更可能なものを作成した後のdivは次のとおりです。

<div style="right: 7px; top: 120px; left:0%; bottom:340px; position:absolute; overflow:visible; z-index:2; cursor:pointer;">
   <div 
      id="id404" 
      name="resizable_div" 
      class="ui-resizable" 
      style="position:relative; width:100%; height:100%; overflow:hidden;">
   <div class="ui-resizable-handle ui-resizable-e"></div>
   <div class="ui-resizable-handle ui-resizable-s"></div>
   <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1001; "></div>
</div>
</div>

今、これは機能しません。

divボックスのサイズを変更しようとすると、divのサイズが変更可能になりますが（ハンドルが表示され、アイコンが変更されるなど）、何をしても同じサイズのままです。これをデバッグしている間に onStop および onStart コールバックが起動したため、サイズ変更プロセスが発生します。

誰が私が間違ったことを教えてもらえますか?

絶対divと関係があると思います。

ありがとう、

タル

4

4 に答える 4

0

ターゲットIDは親の幅と高さを取りますが、オーバーフローが非表示になっているため、親の寸法を超えてサイズを変更することはできません。

于 2011-01-19T00:49:51.150 に答える
0

ここにスタイリングの問題があると思います。High と Width が固定されたコンテナ DIV があります。サイズ変更可能な DIV をその中に入れています。したがって、コンテナ DIV がサイズ変更プロセスをブロックしていると思います。

最初にその DIV を削除して、問題がないかどうかを確認してください。

于 2011-01-19T00:47:38.813 に答える
0

さて、何が問題なのかはわかりましたが、なぜそれが起こるのかわかりません。

さて、私は body:onresize イベントに、すべてをゼロから描画する関数を添付しました。これは、フルページの Web があり、ボディのサイズを変更するたびに再レンダリングしたいためです。

しかし、どうやらこのイベントはjqueryがdivのサイズを変更するたびに発生するため、何も起こらなかったようです。

今のところ、jqueryのサイズ変更を開始するときにグローバルフラグ「サイズ変更」を設定し、このフラグがオンの場合に再レンダリング関数が戻るように注文しています。

しかし、内部 div のサイズが変更されたときに body のイベントが発生する理由がわかりません。

于 2011-01-19T15:45:42.160 に答える