jQuery UI可拖动限制

我正在制作一个可拖动的项目，我只希望它垂直拖动，限制到父div，所以它总是完全可见的，有什么建议吗

$（'#dragable'）.live（'mouseover'，function（）{
$（this.draggable（）；
});​

​

看看这个：

---

如果你告诉我怎么做会更好，不仅仅是像Yahoo Answers那样发布一个链接，它还起作用。谢谢好的，给你$（function（）{$（“#draggable”）.draggable（{axis:y}）；}）；哦，我还没看到它，请用评论代码编辑你的答案，这样我就可以投票了，它被锁定了，并在这里通知。谢谢

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

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

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