問題タブ [jquery-draggable]

画像をドラッグするためにjqueryを使用しています。以下は私のコードです

私の要件は、#imgMaster のドラッグ時に #imgFrontLeft をドラッグする必要があることです。両方の画像が個別にドラッグされます。親切に私を助けてください、どうすれば私の要件を満たすことができますか.

ドラッグ可能な div があります。以下はコードです、

要件は、上記のロジックがこのif条件の下で発生する必要があることです

この条件が真でない場合、div はドラッグ可能であってはなりません。これを行う方法を教えてください...よろしくお願いします!!

次の問題:「#window-hidden」という非表示の div コンテナーがあります。ユーザーがリンクをクリックすると、リンクされたドキュメントの HTML が AJAX によってこの div コンテナーに挿入される必要があります (これまでのところ動作しています)。このコンテナーもドラッグ可能である必要があります (これまでのところ動作しています)。この div コンテナーを再度非表示にすると、問題が発生します。

私のコード:

コードの最初のブロックは、HTML を div コンテナーにロードし、"closer" 要素をコンテナーに追加します。これまでのところ、すべて問題ありません。2 番目のブロックは、コンテナーをドラッグ可能にします。そして、コードの最後のブロックで、ウィンドウをもう一度閉じたかったのですが、機能しません。親コンテナ（#window-hidden）がドラッグ可能だからでしょうか？それとも、DOM の構築後に #closer 要素が挿入されているためでしょうか??

ベスト、トバイアス

画像が描かれているキャンバスがある場合。画像には曲線に4つのポイントがあります。この曲線領域をドラッグ可能にする必要があります。しかし、を使用せずにkinetic Js

画像添付。

HTML

jQuery

更新しました：

ベジェ曲線が4点あります。また、各ポイントをスケーリングしてから、明るい黒の領域もスケーリングしています。明るい黒の領域をドラッグする必要があります。画像ではありません。ベジェ曲線によって選択された領域です。

ここやウェブ上の他の場所で大量の投稿を読みましたが、自分の状況に適した解決策を見つけることができません。

ドロップ可能として設定されている 2 つの div があります。#imgBrowser には、AJAX を介して動的に読み込まれる一連の画像が含まれています。その AJAX 呼び出しが戻ると、画像をドラッグ可能として設定し、2 つの div (#imgBrowser と #imgQueue) をドロップ可能として設定し、#imgQueue もソート可能として設定する関数を起動します。

ユーザーは、2 つの div 間で画像を前後にドラッグできます。私はこれを完璧に機能させています。しかし、私が追加したい機能は、#imgQueue もソート可能にすることです。

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

2 つのサポート機能:

そして単純なhtml：

私が抱えている問題は、#imgQueue をソートしようとすると、ドラッグ可能/ドロップ可能がソート可能をオーバーライドすることです。ソート可能なものがドラッグ可能なものをオーバーライドしていたとしたら、#imgBrowser にドラッグして戻したい場合は問題になると思います。私がやろうとしていることは可能ですか？

ありがとう！マット

jsFiddle

ドラッグ可能なものの封じ込めオプションは[7、0、40、0]ですが、[0、0、32、0]である必要があると思います。ボタンをクリックして「オン」の位置にし、<div>（円のスライダーのこと）をドラッグすると、ボタンが左端に移動し、右端に移動しなくなっていることがわかります。なぜそうなのか理解できません。これが問題の写真です、それは非常にわずかです。

これはあなたがそれをドラッグするときに私がしようとしていることです：

ありがとう！

HTML：

CSS：

JS：

jQuery UI の状態に問題があります。

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

私の質問：

ui-widget-headerにスナップした場合にドラッグ可能なアイテムが元に戻らないようにif ステートメントを使用するにはどうすればよいですか?

どうもありがとう ;）

私はjQueryとUIが初めてです..

jQuery と jQuery UI で DOM オブジェクトのドラッグ & ドロップ & クローン & DB への保存プロセス全体が理解できません。

私はいくつかの奇妙な状況を得ました：

ヘルパー クローンはまったく機能しません。

次のコードでdivは、クローンではなく元のドラッグが行われます。

そして、それは "help:'clone'" では なく "helper:'clone'" です。

「helper:'clone'」が機能しない...

http://jsfiddle.net/JEdtX/6/で確認できます。

私のコードで何が起こっていますか? （実際には、インターネットからソースを取得しています..）

Whenever you attempt to drag an image that you need to scroll down to see (anything not visible on first load) the image gets shot up to the top of the page instead of staying with the cursor. This only happens in Chrome or Safari, works great in Firefox. I've tried methods outside of Draggable to fix this issue, but they just lead to additional problems.

Here's the simplest version of the desired code, I just can't find the right classes to use, but the answer must be somewhere here

I believe it's using jquery-ui-1.10.0.custom.min.js for the drag function.

Here is the URL it's being tested at: http://julian-berman.com/test/2/

So pretty much it doesn't know how to readjust the Y placement of an image outside of the initial window container, and I can't for the life of me figure out how to make that happen.

マウスがdivの子をクリックしたときにドラッグを有効にして、親をドラッグすることはできますか？

この例では、ドラッグ可能をdivとselectの両方で機能させるようにしています。選択をクリックしてドラッグしようとしても、何も起こりません。

http://jsfiddle.net/Trhs4/5/