ドラッグ可能なオブジェクトをコードに追加しました。コンテインメントに問題があります。クロムでは、オブジェクトが div の外側に移動することがあり、コンテインメントが機能しない
これが私のサンプル URL です: Circle Dagger
(これは、オブジェクトを右側の端にドラッグしてから、別のオブジェクトを右側にドラッグすると、divを超えて移動できる場合に発生します)助けてください
ドラッグ可能なオブジェクトをコードに追加しました。コンテインメントに問題があります。クロムでは、オブジェクトが div の外側に移動することがあり、コンテインメントが機能しない
これが私のサンプル URL です: Circle Dagger
(これは、オブジェクトを右側の端にドラッグしてから、別のオブジェクトを右側にドラッグすると、divを超えて移動できる場合に発生します)助けてください
に追加overflow: hidden
しdiv.wraproundx
ます。
jsPlumb プラグインによって作成された垂直線は、コンテナーの境界を超えてオーバーフローする svg 要素を作成します。どうやら、これに関しては Chrome と jQuery UI に問題があるため、 を設定する必要がありますoverflow: hidden
。
これを封じ込めとして使用してみてください
[
$('#id'+randID).offset().left,
$('#id'+randID).offset().top,
$('#id'+randID).offset().left+616,
$('#id'+randID).offset().top+50
]
封じ込めの代わりに: $('#id') と (616) と (50) を置き換えて調整すると、chrome と FF で正常に動作します