問題タブ [jquery-resizable]

ページ上のコントロールに、サイズ変更が必要な複数行のテキスト ボックスが含まれています。
このタスクを達成するために jQuery のサイズ変更可能な関数を使用しようとしています。テキスト ボックスを垂直方向に拡張できるようにするだけです。残念ながら、サイズ変更可能な関数は最初の div でしか機能しません。

これが私のコードのサンプルです：

あらすじ:

サイズ変更可能な要素を中央に配置して左右に拡大すると、マウスの動きの半分だけが拡大されているように見えます。

理由：

これは、オブジェクトが中央にあるために発生します。

質問：

マウスの動きと比較して、オブジェクトのサイズが変更される速度をどのように上げますか? 中央に配置された要素の場合、オブジェクトをマウス距離の 2 倍のサイズに拡大したいと思います。

私はJqueryを使用してフォローしていますが、どういうわけか、サイズ変更アイコンが表示されている右下隅にサイズを変更できます。サイドエッジにはサイズ変更のために<->が表示されますが、エッジからサイズ変更するために伸ばすことができませんか？何が問題なのですか？

サイズ変更可能なオブジェクトがいくつかあり、オブジェクトのサイズ変更を停止したときに関数 'changeS()' をトリガーしたいと考えています。
関数 changeS() は、呼び出されたオブジェクトの名前を最初の引数として受け取る必要があります。
つまり
、オブジェクト「#resizable0」のサイズ変更を停止すると、changeS(#resizable0,new_size - old_size) と
呼ばれる必要があり、オブジェクト「#resizable1」のサイズ変更を停止すると、changeS(#resizable1,new_size - old_size) と呼ばれる必要があります。 .

私が持っているすべてのオブジェクトに対してこのメ​​ソッドをコードに設定するだけですべて問題ありませんが、ループ for() で実行したいと思います。オブジェクトがさらに多くなり、問題が発生するからです。

オブジェクトの名前を関数の引数として正しく渡す方法がわかりません。
関数 changeS() が実行されると、常に同じ名前 (最後に作成されたオブジェクトの名前 (この場合は "#resizable5")) で呼び出されます。

私の質問は次のとおりです。
関数 changeS() が対応する引数(このオブジェクトの名前)で呼び出された各オブジェクトを作成するにはどうすればよいですか?

ありがとう、ポップコーン

この例を見てください。中に3つ（赤、黒、青）
があるdiv（破線）があります。div破線のdivのサイズを変更すると、3つのdivはすべて自動的にサイズ変更されますが、赤い色のdivのサイズを変更すると、サイズが変更されるだけですが、赤いdivのサイズを変更するときにコンテナに収まりたいと思います。

兄弟のサイズを比率で変更するとともに、要素のサイズを変更する方法はありますか？

私はjquery-resizableを使用していますが、サイズ変更のために要素をバインドするときに最小幅と高さがわからないという問題に悩まされていますが、サイズ変更を開始するとその境界がわかっています

だから私は何かをして、関数の開始メソッドからこれを行うことができるかどうかを変更せずにサイズ変更可能なプロパティを編集minWidthしたいです。minHeightjquery.ui.resizable.js

開始の終わりには、そこに境界条件があります

編集: また、自動スクロールのソリューションが必要です。サイズ変更可能ではありません。ページサイズは増加していますが、ユーザーが要素のサイズを変更するまでスクロールし続けたいと思っています。

jQuery UI Resizable を使用して div のサイズを変更しています。コンソールに「elem is undefined」というエラーが表示され、何が問題なのかわかりません。

さまざまな jQuery バージョンを試しました。

私のアプリは http://klip.dev.xhtml.siで見ることができます 。コンテンツの真ん中にある矢印は、サイズ変更可能なハンドラーです。

私のUIには、ブラウザの右下隅の固定された場所にあるウィジェットがあります。

ユーザーがウィジェットのヘッダー部分をクリックして上にドラッグし、ウィジェットの高さを効果的に上げられるようにしたいと考えています。ウィジェットの下、左、および右のプロパティは変更されませんが、CSS の max-height で定義されているように、ウィジェットの最大の高さまで許可するように上部を変更できる必要があります。

このような例はありますか？jQueryUI にはサイズ変更可能な動作があることは知っていますが、残念ながらこのプロジェクトでは jQueryUI を使用できません。ただし、jQuery を使用しています。

ヒントやアイデア、またはjsfiddleの例は大歓迎です。私を正しい方向に導くための何か。サイズ変更可能な CSS3 を見て、このテキストエリアのように、標準のサイズ変更アイコンを右下隅に配置しました。

Hay imはjqueryを初めて使用し、サイズ変更可能なものを使用しようとしています。正常に動作させることはできますが、新しいサイズを戻す方法がわからないようです。新しいサイズをphp変数に設定して、DBに保存したいと思います。私はjavascriptとjqueryに慣れていないので、どんな助けでも大きな助けになるでしょう。

コンテナ div に img タグを動的に追加しています。img の作成中に、ドラッグ可能でサイズ変更可能な 2 つのクラスを追加してから、コンテナーに追加します。だから私はドラッグすることはできますが、サイズを変更することはできません。問題は何ですか？

以下はimgタグを作成するコードです

これは@Andrew Whitakerによって提案された変更されたコードですが、それでもうまくいきません.