jQuery UI可拖动限制

Question

我正在制作一个可拖动的项目，我只想让它垂直拖动，限制为父div，所以它总是完全可见，任何建议？

http://jsfiddle.net/q3nz4/

<!--HTML Code-->
<div style="width:100px;height:100px;  background:#333;" id="dragable"></div>

<!--jQuery Code-->
$('#dragable').live('mouseover',function(){
   $(this).draggable();
});​

Answer 1

看看这个：http://jqueryui.com/demos/draggable/constrain-movement.html

$(function() {
    $("#draggable").draggable({
        axis: "y" 
    });
});