YUI フレームワークで jsPlumb を使用して、いくつかの div をドラッグして接続できるようにしようとしています。ただし、divをドラッグ可能にしようとすると、次を使用して親に含まれます。
jsPlumb.draggable("window2", {
containment:"parent"
});
div は、親の境界の外にドラッグできます。親の css を「overflow: hidden」に設定すると、div が親の境界を超えてドラッグされたときに div は表示されませんが、div へのコネクタは表示されますが、これは非常に厄介です。これをすべてフィドルで確認するには: http://jsfiddle.net/xXYwX/3/ jsPlumb のドラッグ可能な関数を YUI で使用し、ドラッグ可能な div の動きを制限する方法があるかどうかを知っている人はいますか?
ありがとう！
まず、jsPlumb を使用して div をドラッグ可能にします。
jsPlumb.draggable("window2");
次に、必要な jsPlumb エンドポイントを追加します。
jsPlumb.addEndpoint("window2", { ----});
次に、ドラッグ可能なHTMLを追加します
$('#window2').draggable({
containment: 'parent'
});
それは私のために働いています..
いいえ、jsPlumbのyuiバージョンでは不可能のようです。'dd-constrain'モジュールがなく、Y.DD.Dragオブジェクトにアクセスできないため、このモジュールを接続する方法が見つかりませんでした。
作成者に機能リクエストを送信するか、githubでプルリクエストを実行できます。ドラッグが制限された単純なyuiの例を次に示します。http： //yuilibrary.com/yui/docs/dd/constrained-drag.html
コンテナをオーバーフローさせます: css で表示