jquery - jQuery ドラッグ可能 - ブラウザーにスナップしますか?

Question

次のコードを使用して、サイトに div をドラッグしています。

    js13('#wrapper').live('mouseover', function () {
        js13(this).draggable();
    });

しかし、どうにかしてブラウザにスナップしたいので、ブラウザウィンドウの境界の外にドラッグすることはできません。

これはどういうわけか可能ですか？;)

score 0 · Accepted Answer

'mouseover'関数内でドラッグ可能を使用する理由と、非推奨のliveメソッドを使用する理由がわかりません。とにかく：
その目的のためにcontainmentプロパティを使用します：

例:#wrapperの親がの場合、次のbodyように簡単に使用できます。

$( "#wrapper" ).draggable({ containment: 'parent' });

または次のように:

$( "#wrapper" ).draggable({ containment: $('SomeparentElement') });

score 0 · Accepted Answer

包含プロパティを使用できます ( draggable-apiを参照)

あなたの場合、次のことを試してください：

js13('#wrapper').live('mouseover', function () {
    js13(this).draggable( "option", "containment", $(window));
});

これが実際の解決策であるかどうかは不明であり、テストされていません。

2 に答える 2