javascript - ドラッグ要素を別の要素内に保持する

Question

私は現在、ドラッグアンドドロッププラグインに取り組んでいます。（他の人に使ってもらいたいので作成しています）そして、jQueryのドラッグ可能containmentのような機能を作成したいです。

私は次のコードを試しています：

var $div = $(o.containment);
$(oj).bind("dragstart", function (ev, dd) {
    dd.limit = $div.offset();
    dd.limit.bottom = dd.limit.top + $div.outerHeight() - $(this).outerHeight();
    dd.limit.right = dd.limit.left + $div.outerWidth() - $(this).outerWidth();
}).bind('drag', function (ev, dd) {
    $(this).css({
        top: Math.min(dd.limit.bottom, Math.max(dd.limit.top, dd.offsetY)),
        left: Math.min(dd.limit.right, Math.max(dd.limit.left, dd.offsetX))
    });
});

コードについて: o.containment, はオプションの値でcontainmentあり、この場合は「#hi」です。ojこれは、プラグインのセレクターである が留まると想定されている封じ込めであると想定されています。

問題: oj(セレクター) がドラッグされません。誰かがこれで私を助けてくれることを願っています。