問題タブ [resizable]

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

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

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

以下は私のコードです：

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

サイズ変更可能なテキスト ボックス (ASP.NET multiline TextBox/ HTML textarea) を作成し、JQuery UI を使用してサイズ変更可能にしようとしましたが、カスタム ドラッグ ハンドルに関するいくつかの問題が発生しているようです。

メソッドに関する JQuery ドキュメントResizable(具体的にはhandlesオプションに関するもの) は、カスタム HTML 要素を使用するように任意のハンドルを設定できることを示唆しています。デフォルトのサイズ変更可能なハンドルを使用して、サイズ変更可能なテキストボックスを完全にうまく機能させることができましたが、カスタムのもの (つまり、マークアップで定義した HTML 要素) を設定しようとすると、次の問題が発生します。下部のdivハンドル (南ハンドルの場合) ですが、スペースを空のままにして、サイズ変更可能なコンテナーの下 (外側) に要素を表示します (Firebug を使用して検証)。

これが私のマークアップ (ASP.NET/XHTML) と JavaScript コードです。

もちろん、サイズ変更可能なハンドル div (クラス) を/resizable-sの子にすることはできませんが、JQuery ドキュメントによると、これは問題にはなりません。TextBoxtextarea

私が行った検索から判断すると、この問題を抱えているのは私だけではありません。(残念ながら、JQuery のドキュメントには、サイズ変更可能なカスタム ハンドルの使用例が記載されていないため、正しいコードが正確にわからないままです。) 誰かがこれに対する修正を提案したり、JQuery のバグであることを実際に確認したりできる場合は、それは非常に高く評価されます。

サイズ変更操作の方向を決定するにはどうすればよいですか? 私はそれをグーグルで試してみたところ、jquery uiでチケットが見つかりました。それは修正されたと言っていました。しかし、それを使用する方法に関するドキュメントはありません。

ページには、2 つの列を表す 2 つの div があります。どちらも左にフローティングで、幅は 49%、右パディングは 0.5% です。各列には、垂直に下に配置されたさまざまな div があります。ここで、ユーザーが列の各 div のサイズを変更できる関数を作成するか、これが達成できない場合は、ユーザーが各列のサイズを変更できる関数を作成したいと考えています。

列の 1 つの div をサイズ変更可能 ( $('#divid').resizable(); ) にすることができましたが、スクリプトを変更したいので、自動計算がオンになっています。

説明する。ユーザーが右の列のサイズを xx% 変更した場合、左の列のサイズを xx% 縮小したい

これを管理する方法は？

以下に示す関数は正常に動作していますが、ドロップしたすべての要素をサイズ変更可能として変更したいのですが、その要素をダブルクリックするとすぐに、サイズ変更可能なプロパティが失われます。どうすれば解決できますか？

親内でドラッグとサイズ変更の両方に設定された標準のdivがあります。親にドラッグされるときに、divのサイズを変更できる必要があります。これは、垂直に下にドラッグしたときにのみ発生する必要があるため、次のように設定します。

次に、ドラッグ可能な要素とそのコンテナー (マイナス オフセット) の両方の下部の位置を計算し、大きい場合はサイズを変更します。

jqueryはドラッグ全体で要素のプロパティを保存し、再計算しないようです. ドラッグするたびに、高さが 10 ずつ減少します。

Jquery に強制的に位置を再計算させる方法はありますか? ->すでに有効/無効を試しました..

要素をドラッグ可能とサイズ変更可能の両方にしたいという問題があります。タグを削除した後でも、サイズ変更可能である必要があります。

いくつかのサンプルコード

誰かが、ドロップした後に要素をreziableにする方法を教えてもらえますか？上記のコードタグでは、ドラッグアンドドロップは完全に機能しますが、CHROMEでも要素のサイズを変更できるようにするために何を追加できますか。

ありがとう

jQuery UI Resizable 機能を使用しようとしています。1 つのオブジェクトに南/西のサイズ変更ハンドラーのみを追加したいので、西と南にサイズ変更されます。サイズを変更するときに、別のオブジェクトのサイズを同時に変更したいのですが、「南」方向のみです。alsoresize プロパティを使用しようとしていますが、常に 2 番目のオブジェクトのサイズが両方向で同じ量だけ変更されるようです。これを達成する方法を知っている人はいますか？

ありがとうございました、

エリック

これは当たり前のことのように思えるかもしれませんが、見つけられません。サイズ変更可能を使用する場合、画像の新しい幅を保存したいのですが、サイズ変更したばかりの画像の ID 属性にアクセスするにはどうすればよいですか? これは私のコードです:

したがって、ui オブジェクトには ui.helper がありますが、これは使用できません。つまり、 ui.helper.attr("id") または $(ui.helper).attr("id") はどちらも未定義です。$(this).attr("id") も使用できませんが、 $(this) .width () を使用して新しい幅を確認できるため、非常に奇妙です。

私は何を間違っていますか？draggable() を使用すると、正しい方法で $(this) にアクセスできるようですが、サイズ変更可能ではアクセスできません...何か提案はありますか?