問題タブ [jquery-ui-resizable]

サイズ変更可能なjqueryを使用してdivのサイズを変更しています

今、私は、基本的にサイズ変更するためにsまたはが選択されているかどうかが垂直または水平であるという事実に基づいていくつかのことをしたいと思いますそれを行う方法e

ありがとう

Jquery UIを使用して、画像をドラッグアンドドロップおよびサイズ変更しています。div内の画像のサイズを変更し、Divをドラッグして、divをドラッグしてサイズ変更した場合のJqueryUIのバグを解決しています。

サイズ変更されている画像のdivIDを見つけるにはどうすればよいですか？

私のコードは次のとおりです。

HTMLコード

画像のdivIDを取得しようとして失敗しました
1.ui.originalElement[0] .attr（'id'）、ui.originalElement.attr（'id'）を使用します2.event.trigger.idを使用します

親の内側と外側で要素のサイズを中断せずに変更したいと思います。例をご覧ください。

<div>3つの行があり、各行には類似した（または異なる）cssプロパティを持ついくつかの要素があると仮定します。例えば：

@ サイズ変更可能な内部の編集：写真を参照してください。`row-1'内でサイズを変更element-1し、他の兄弟が幅を調整したため。自分でできる

サイズ変更可能な外：写真をご覧ください。row-1element-1は、親と兄弟の寸法に影響を与えることなく長さのサイズを変更しelement-2ますが、他の要素に影響を与えます。たとえばelement-3 & 4、の幅を調整しましたelement-1。これは私が聞きたかったことであり、それを行うことができません。

私のProlemは、divの使用を作成するときです

次に、このコードを使用してページに追加します

並べ替え可能であり、サイズ変更もできません

jQuery と jQueryUI を使用してインターフェイスを構築しています。次のようなものです

次に、このJavaScriptをdocument.readyで実行しています

私の問題は、サイズ変更イベントの後に #handle のクリック イベントが発生していることです。ドラッグ中にクリック イベントを何らかの形で無効にする必要があることはわかっていますが、dragstart でクリックのバインドを解除し、dragstop で再バインドしても、クリック イベントの発生は停止しません。

ps。小さな構文エラーは無視してください。私はコーヒースクリプトをあまりにも長く使用しています。すべてが実際に機能しますが、私が望んでいた方法とは異なります

[以下は、自分で問題を解決した後の自己回答投稿です。便利だと思う人もいると思います。】

私は JQuery のresizableand draggablein Greasemonkey スクリプトを使用しようとしましたが、

• JS コンソールに「コンポーネントが利用できません (NS_ERROR_NOT_AVAILABLE)」というエラーが表示されます。
• また：
• JS コンソールでエラーは発生しませんが、ドラッグ可能は機能しません。

これを解決するには？

わかりました、だから私はこれで少し迷っています。jQuery UIのドキュメントには、サイズ変更可能な場合、私が理解しているように、目に見えるアイコン/写真である目に見えるハンドルを持つことができると記載されています(これを正しく理解していますか?)

文字列として指定する場合は、'n、e、s、w、>ne、se、sw、nw、all' のいずれかのコンマ区切りリストにする必要があります。必要なハンドルは、プラグインによって自動生成されます。

「all」を指定すると、オブジェクト全体にハンドルが必要ですか？もしそうなら、それはうまくいかないようです - 私は「se」コーナーにしか見えません。

jQuery UIのサイズ変更可能なソースコードを見ると、これが機能する唯一の方法のようです:

何か不足していますか？自分で作成できますか?

jquery uiのサイズ変更可能なインスタンスを開始しようとしていますが、jquery自体によってDOMに追加されたセレクターを使用しています。これは私のスクリプトの基本的な例です。

HTML：

jQuery：

live（）またはbind（）に沿って何かを使用することを考えましたが、バインドするイベントがありません。助けていただければ幸いです。

DOMがロードされた後にjQuery-UIのサイズ変更可能な別のインスタンスを動的に割り当てようとしています。

基本的に、特定の要因に応じてtrueまたはfalseの固定アスペクト比を割り当てたいと思います。新しいサイズ変更可能なインスタンスをリクエストすると、更新されていないようです。

resizable（）の割り当てに使用されるセレクターも、DOMのロード後に動的に作成されます。

これが私のコードの簡単な例です：

jQuery：

HTML：

実行例は次のとおりです。http：//digitaloutback.co.uk/resizable-eg/（「変更」を押して最初のサイズ変更可能を割り当てます）

また、「bind」の代わりに「live」および「livequery」プラグインを使用したため、問題の原因が何であるかわかりません。

解決策を見つけました

答えは、jQueryUIドキュメントで私の目の前にありました。

再割り当てする前にresizable（'destroy'）。

alsoResize に設定された要素の選択の上に配置されたサイズ変更可能な div があります。

視覚的には、サイズ変更可能な要素は alsoResize 要素の境界ボックスです。

サイズ変更可能な div に比例して alsoResize 要素のサイズを変更できるようにしたいと考えています。UI のデフォルトの動作では、サイズ変更時に各要素の左と上の位置が固定されます。

http://jsfiddle.net/digitaloutback/SrPhA/2/

しかし、各 AR 要素の左と上を調整して、サイズが変更されたときにバウンディング ボックスに合わせて拡大縮小したいと考えています。

alsoResize プラグインを変更することで、これはそれほど面倒ではないだろうと最初に考えました。これは、サイズ変更に追加したものです: _alsoResize:

ご覧のとおり、ボックスは多少遅れています。

http://jsfiddle.net/digitaloutback/SrPhA/4/

何かが数字を膨らませているようで、それを完全に把握することはできません。スクリプトとブラウザの間で小数点以下の桁数が異なる可能性がありますか?