javascript - jquery ドラッグ可能なカスタム コンテインメント

Question

ドラッグ中にオブジェクトを親内に保持したい。サンプル フィドルはjsFiddle です

$("#child").draggable({cursor:'move',axis: "x"});

軸は正常に機能していますが、左右の子も親に保持する必要があります。y 軸と親の幅のみをドラッグする必要があります。

ありがとう

Answer 1

containmentドラッグ可能な要素でオプションを使用します。コード例:

$("#child").draggable({
    cursor:'move',
    axis: "x",
    containment: "parent"
});

または、これを要素の ID に設定することもできます (つまりcontainment:'#parent')

親要素よりも大きいため、子要素が JSFiddle で制約されているという問題がありました。以下のフィドルの例では、子要素width:200px;を親 div 内に収まるように作成しました (したがって、正しく制約されます)。

Example JSFiddle