問題タブ [jquery-ui-resizable]

握りやすくするためにハンドルを太くすることはできますか？

たとえば、下のリンクでは、一番下の div にのみハンドルがあることがわかります。これは、高さが 1px に見えるため、マウスを使用して把握するのが困難です。ハンドルの高さを 10px にして、画像がつかまれているように見えるようにすることは可能ですか?

http://jsfiddle.net/rYFEY/25/

次のダブルクリックのスクリプトがあり、高さを変更したいと思います。divを200pxの高さになるまで下にドラッグしますが、ハンドルをダブルクリックしても0pxに戻りません。

私が間違っていることがわかりませんか？

http://jsfiddle.net/rYFEY/30/

折りたたみ可能でサイズ変更可能な一連のタブを作成しようとしています。私が抱えている問題は、アクティブなタブをクリックして閉じるときにサイズ変更 (デモで上端をドラッグ) した後、コンテンツは消えますが、タブ コンテナーはタブ バーに合わせて縮小するのではなく、同じサイズのままです。

サイズ変更後にタブ コンテナを縮小する秘訣は何ですか?

次のコードがあります

drupal テーマ テンプレートとして、イニシャライザでイベント コールバックを設定するとトリガーされませんが、resizeバインドを介してイベントをバインドすると動作しますが、resizecreate. イベントがイニシャライザーの一部として登録されないのはなぜなのか、何か不足しているのか、それとも構成の問題である可能性があるのか​​ 疑問に思っています。php/javascript エラーは表示されません。

関連する JQuery UI ドキュメント ページ

プロジェクトで jquery-ui-resizable プラグインを使用しています。

デフォルトでは、DOM オブジェクト jquery-ui-resizable を作成すると、サイズ変更可能なハンドルが右下隅に表示されます。左下隅にサイズ変更可能なハンドルが必要です。

- - 編集 - -

もう1つ、右の境界線を使用してサイズを変更することはできませんが、左の境界線を使用してサイズを変更する必要があります。

ボックスを描画し、サイズを変更し (エッジまたはコーナーを引っ張る)、ドラッグして移動できるページを開発しています (ズーム機能も必要ですが、これは別の問題です)。

各タスクを作成するための個々の jQuery プラグインを見つけましたが、うまく連携していません (たとえば、サイズを変更しようとすると、新しいボックスが描画されます...)。

私の目的に合ったオールインワンのプラグインはありますか?

編集: ui.draggable と ui.resizable を使用します。これは描画プラグインです:ボクサー

次のコードが機能しないのはなぜですか?

http://jsfiddle.net/zfY9S/

ありがとう..

スライダーを使用してサイズ変更をトリガーした人はいますか？このようにして、スライダーの値を使用して、別の要素の幅と高さを操作できます。次に例を示します。

動的に作成された div のサイズ変更可能およびその他の ui 機能を実験している html ページがあります。ローカル ディレクトリにあり、[IE ファイル] > [開く] でアクセスすると、ページが正しく表示されます。ファイルをWebサーバーに転送し、http://localhost/file.htmlでアクセスすると。サイズ変更可能なグリップ アイコンは表示されません。また、適用されていない CSS スタイルもあります。

divが定義されています

これは静的 div でも発生します。

ファイル内のライブラリは

ローカル ファイルと Web サーバーで動作が異なるのはなぜですか?

http://jsbin.com/awosup

(開始イベントで) サイズを変更する前に、どのサイズ変更ハンドルが使用されているかを知る必要があります。それを知る方法は？