問題タブ [jquery-ui-resizable]

サイズ変更可能なJQueryUIでアスペクト比を動的にオン/オフしようとしましたが、オプションをfalseに設定した後でも、アスペクト比を維持し続けます。以下は、私が現在取り組んでいるコードです。

3 年前のバグ レポートを見つけました。クリティカルとマークされているにもかかわらず、まだ修正されていないようです。http://bugs.jqueryui.com/ticket/4186

回避策は、最新バージョンでは機能しません。何か案は？

編集：多くのバグレポートを調べた後、次の回避策があります：

JavaScript スクリプト セクションに貼り付けます。同様の問題を抱えている人に役立つことを願っています！

これが私のコードです：

ユーザーが画像を追加、ドラッグ、サイズ変更できるキャンバス（HTML 5キャンバス要素ではない）を作成しています。ユーザーは、それぞれのボタンを使用して「移動」および「サイズ変更」ツールをアクティブにしますids。他の効果を無効にするには、一方のボタンをクリックする必要があります（つまり、「移動」をクリックすると画像のサイズを変更できず、「サイズ変更」をクリックすると画像を移動できなくなります）

次のコードは画像をドラッグ可能にしますが、サイズを変更することはできません。誰かがivが間違ったことを説明できますか？（答えがわからない場合は投票してください）

別の div 内に 2 つの div を配置しています。メイン div 内でこれら 2 つの div のサイズを変更したい。次のコードを使用して、各 div を個別に制約できます。

しかし、メインコンテナー内の両方の div を同時に制約したいと考えています。jquery でこれを行うにはどうすればよいですか?

jquery のサイズ変更ハンドルに問題があります。

基本的に、期待どおりにdivのドラッグ、サイズ変更、回転（jqueryRotateを使用）があります。ただし、div が回転すると、ハンドルも一緒に回転しますが、元のサイズ変更方向は維持されます。言い換えると、時計回りに 90 度回転させた後、元の「SE」ハンドルは「SW」位置になりましたが、現在あるはずの NE-SW 方向ではなく、NW-SE 方向にドラッグするとサイズが変更されます。

誰かがこの質問を理解して助けてくれるなら、そうしてください。

私はjqueryの助けを求めています。多くの異なるが同様の名前の要素で使用される .draggable および .sizable の使用を最適化する最良の方法を教えてください。

例えば

数値 1、2、3 などを多目的コードに単純に渡す方法があると確信していますが、要素を個別に実行する必要があることがわかる限り、これを行う方法はわかりません。私は誰かが私にこれを正してくれると確信しています。

よろしくお願いします。

別の要素を覆うことができないように、要素のサイズ変更を制限する方法はありますか? 包含を親要素に設定できることは知っていますが、ここでは、ユーザーが別の兄弟要素のビューを妨げないようにしたいだけです。

左側のダイアログ ボックスのサイズを変更する場合、ユーザーが右側のダイアログ ボックスを覆わないようにプラグインが必要です。

クロムの画像でサイズ変更可能とドラッグ可能を一緒に機能させることに問題があります。私のページの側面には（ドラッグ可能な）画像のリストがあり、divにドロップできます（画像は複製されます）。ドロップされた画像は、サイズ変更およびドラッグ可能である必要があります。私は次のJavascriptを書きました：

これにより、Firefoxで次のコードが生成されます。これは完全に機能します。

ただし、Chromeでは、要素はドラッグされて複製されますが、表示されません。これは、次のコードが生成されることから明らかです。

ただし、画像の幅と高さ、およびそれに対応する外側のdivの幅と高さが0pxになる理由を理解できていません。簡単な解決策は、JavaScript内から高さ/幅を変更することですが、より良い解決策があると確信しています。

ご協力いただきありがとうございます。

私はウェブページで現在私が抱えている問題を解決しようとして本当に頭痛の種を抱えています。あなたが私に手を差し伸べてくれることを願っています：D。私は関連するトピックに飛び込みましたが、いくつかの画像を使用して、同じ問題を抱えている人は見つかりませんでした。

達成したいこと：「ドラッグ可能でサイズ変更可能な画像をdivに含めたい」。リンクをクリックすると、画像が1つずつ追加されます。

私は主に3つの問題を抱えています（画像でも説明されています）：

• 新しいアイテムを追加してサイズ変更可能としてマークすると、最後の画像の横ではなく下に表示されます。（サイズ変更可能としてマークされていない場合は、横に表示されます） http://i.stack.imgur.com/1dBXF.jpg

• 画像をドラッグしてY軸を変更してからサイズを変更しようとすると、画像は自動的にlas Y軸の位置に移動します（Xは一定です）。 http://i.stack.imgur.com/rF9KK.jpg

• 画像をドラッグして、もう一方の画像のサイズを変更しようとすると、ドラッグした画像のY位置が変わります。h ** p：//i.stack.imgur.com/OMWEr.jpg

どうしたらいいかわからない、どうもありがとう。

ブラウザーの下部に固定したい単純なフッターがあります。縦方向のみサイズ変更できるようにしたいです。私が抱えている問題は、jQuery UI Re-sizing を適用すると、位置が相対的に設定され、レイアウトの元の意図が明らかに台無しになることです。

以下は、私の問題の JSBin を使用した簡単な例です。

http://jsbin.com/ubuic/

考え？

私はいくつかのインタラクティブな UI を作成し、サイズ変更とマウス イベントに jQuery を使用しています。

すべての要素のイベントをバインドmouseOverしてクリックし、クリックを取得したら、クリック リスナーを削除します (サイズ変更可能なリスナーに干渉しないように)。

ここまでは問題なく動作し、選択した要素のサイズを変更できるようになりました。サイズ変更の開始は正常に機能しますが、その後でもmouseup、要素のサイズ変更イベントは終了せず、マウスでサイズ変更されています。

どうしたの ？

物はここにあります。

http://parth.me/builderjs/index.html

主な部分は次のとおりです。

Escキーは、選択を解除するようにバインドされています。