jQuery draggable image、マウスが境界から外れたときにドラッグを停止する（div）

Question

div内にドラッグ可能なイメージがあります。しかし、もし私がそれを作るようにしたい、ユーザーがマウスを持っていると、要素/ divをドラッグしているときに、マウスがdivの外に出て、その下限またはその境界線がもはやドラッグ可能にならないようにする。コントロール上でボタンが押されると、ドラッグが有効になります。これは正しく機能します。私は、マウスが特定のdiv /要素の範囲外になると、ドラッグを止めることができるようにしたいと思います。

これはコンポジットコントロールの一部なので、ページが読み込まれると、そのページにスクリプトが登録されます。

jQuery.fn.Draggable = function (button) { 

    if (button.value == "Off") { 

     button.value = "On"; 
     this.draggable({ cursor: "hand" }); 


    } else { 
     button.value = "Off"; 
     this.draggable("destroy"); 
    } 
} 

jQuery.fn.Drag = function (button) { 
    this.Draggable(button); 
} 

ありがとうございます。

編集：

私はすでに封じ込めを使用しているが、私はdivの内部に固定された画像をたくありません。私はイメージが境界から外れることができるようにしたいが、マウスが境界から外れたときにドラッグを止める。

Soマウスがdivボックスの外に出ると、ドラッグが停止します。私はdivの中にオブジェクトを入れたくない。私はすでにそれを回した。

Answer 1

dragenterを有効/無効にする包含divにmouseenter/mouseleaveイベントを登録できますか？

$('div#container').mouseenter(function(event) { 
    // enable dragging 

}).mouseleave(function(event) { 
    // disable dragging 

});