問題タブ [jquery-ui-resizable]

私は使用していますjQuery-ui Resizable-境界線の代わりにノブを使用したいです（私のノブは右下のボタンです）。

オプションに がありKnobHandles、 に設定する必要があることがわかりましたtrue。

ハンドルはどこに設定しますか? handles オプションで設定しようとしましたが、機能しません。

以下は私のコードです：

更新: ノブハンドルがデフォルトのものであることに気付きました。カスタムボタンでリサイズしたいのですが、方法はありますか？

Jquery UI を使用して、並べ替えとサイズ変更を可能にしたい要素のリストがあります。それらを組み合わせると、Chrome と Firefox でうまく機能します。しかし、IE8 では (通常ビューと互換ビューの両方で)、どちらの動作も個別に使用するとうまく機能しますが、組み合わせて使用​​すると、結果として生じる混合動作は望ましくありません。

私の期待は、サイズ変更可能なハンドルをドラッグして要素のサイズを変更しても、並べ替え可能な動作がアクティブ化されず、その要素が移動されないことです。残念ながら、要素のサイズ変更領域をドラッグすると、並べ替え位置を移動しているかのように要素もドラッグされます。2つの動作を排他的にしたい. 動作を再現するコードは次のとおりです。

これに対処するために、次のようないくつかの戦略を試しました。

1. サイズ変更の開始時にソート可能を無効にしようとする上記のアプローチ。残念ながら、これはまったく効果がありません。
2. サイズ変更可能な start 関数でアイテムにクラスを追加し、そのクラスで並べ替え可能なフィルターを設定します (例: $("#wrapper").sortable({items:".item:not(.resizing)"}); および $ ("#wrapper").sortable({items:".item", cancel:".resizing"}); )
3. ソート可能およびサイズ変更可能に使用されるセレクターに関するいくつかのバリエーション
4. 大規模なグーグル検索、机の上で頭を叩き、マイクロソフトの一般的な指示についてつぶやきます。

どんな助けでも大歓迎です。

Jquery Splitter http://www.methvin.com/jquery/splitter/を使用しようとしています

分割ペインが静的である場合は問題なく動作しますが、ペインを動的に追加する必要があります。また、これらのペインも動的に削除する必要があります。スプリッター バインディングを削除し、動的分割領域を追加するにはどうすればよいですか?

こちらからご確認くださいhttp://01webdesigner.com/Inam/SplitterTest.htm

サイズ変更は、最後に動的に追加された領域でのみ機能します。

助けてください

jquery Resizable になっている div 要素があります。また、Resize オプションが設定されているため、他の要素も同時にサイズ変更されます。

私がやりたいことは、この Resizable div 要素のサイズを、すべての Resizable ロジックがトリガーされるようにプログラムで設定することです (特に、この alsoResize オプションが考慮されます)。

どうすればそれを達成できますか？

私はjqueryuiのサイズ変更可能なdivを持っています。幅だけをサイズ変更可能にし、高さを自動のままにして、コンテンツに合わせて div が拡大または縮小するようにします。東のハンドルのみを表示して css を使用するようにheight:auto設定すると、幅だけが変更されてもサイズ変更後に高さも設定されます。次のように、毎回サイズ変更イベントで高さを自動に設定する必要があります。

高さが設定されないようにします。東のハンドルのみを使用する場合に高さが設定されないようにするより良い方法はありますか?

これは、これが技術的に可能かどうかを確認するための簡単なプローブです。

ブラウザで（contentEditable領域内でも）画像のサイズ変更を有効にしたいのですが。FirefoxとIEは、組み込みのハンドルを使用してこれを実行することをすでに許可しており、正常に動作します。Safariに何かを実装したいのですが、これはネイティブでサポートされていないためです。

私はjQueryのサイズ変更可能なメソッドを試してみましたが、それは非常にうまく機能しますが、画像と一緒にdivの束を挿入し、それを大きなdivでラップすることに依存しています。これは、contentEditable領域で生成されたコードに関係がなければ、通常は問題ありませんが、サーバーに保存されるためです。保存時にこの余分なものを取り除くことはできますが、私は考えていましたが、余分なdivの追加に依存しない画像のサイズ変更スクリプトを作成することは技術的に可能ですか？今のところハンドルなしで、ユーザーが画像の端に近づいたことを検出することに集中し、マウスカーソルをサイズ変更して、5pxの端の周りのクリックとドラッグを検出することにしたとしても画像、これは可能ですか？

可能であれば、おそらくそれはすでに行われていると思いますが（期待しています）、私の検索ではこれまで何も見つかりませんでした。

アイデアを聞きたがっています:)

クリック時にdivを追加し、マウスダウンでマウスUIのサイズ変更機能を自動的に開始したいと思います。

divを簡単に追加でき、サイズ変更機能も簡単です。しかし、マウスイベントを渡して、サイズ変更をすぐに開始できるようにバインドする方法がわかりません。

マウスをドラッグしてdivを追加および描画できるように、プログラムのような絵を想像してみてください...？

どうもありがとう。

次のように、ネストされた div に対してサイズ変更可能な jQuery UI を使用しています。

サイズ変更可能な 1 を無効にすると、サイズ変更可能な 2 も無効になるという問題が発生しています。

...その後、 resizable2 のサイズを変更することもできなくなりました。

他の誰かがこれに遭遇し、この動作を回避する方法を知っていますか?

ありがとう、

トラヴィス

一般に、resizable（）は正常に機能します。ここで私は問題に直面しています。

1. 正常に機能するいくつかのサイズ変更可能なアイテムを含むdivがあります（ある時点でそれらにresizable（）が適用されます）。
2. ユーザーは後で表示するためにアイテムを保存できます（divのinnerHTMLはJavaScript配列に保存され、次にdivがクリアされて他のことを実行できるようになります）
3. アイテムが（配列から）divに戻されると、$（'＃divname'）。append（arrayname [i]）;を実行します。--アイテムはサイズ変更できなくなりました（視覚的にはサイズ変更可能なクラス/ハンドルがありますが）

これが私がこれまでに試したことです（どれもうまくいきませんでした）：

1. append（）行の後で、サイズ変更可能なものを再初期化します- $（'＃items'）。resizable（）;
2. append（）行の後で、サイズ変更可能を削除してから再度追加します- $（'＃items'）。resizable（'destroy'）。resizable（）;

どんな助けでもありがたいです-ありがとう。

独自の親 div 内で (垂直に) 移動する、サイズ変更可能でドラッグ可能な複数の div を 1 つのページに配置しようとしています。http://bit.ly/bCutBEをご覧ください。

ただし、これらの div のサイズを変更したい場合、特に北側からすると、これらの div の動作が非常に奇妙になります。親 div の外に出ることはできないはずですが、画面から非常に速く移動します。div をその親内で垂直方向に移動およびサイズ変更できるようにしたいだけです。ドラッグ部分はかなりうまく機能しますが、サイズ変更部分はこの問題を引き起こします。

これ以上うまく説明することはできませんが、自分の目で確かめてみてください。色付きの div の 1 つをサイズ変更しようとするとすぐにわかります。少し下に移動し、北側からサイズ変更してみてください。

この問題は、リサイズ可能な 'parent' 行の包含によって引き起こされているようです。この行を削除すると正常に動作しますが、色付きのブロックは親にとどまらず、親の中にとどまります。

誰かがこれで私を助けてくれることを願っています...

私が使用したjqueryコード：