2012-02-25 99 views
0

我做了一個可拖動的項目,我只是想要這個垂直拖動,限制到父div,所以它始終完全可見,任何建議?jQuery UI Draggable限制

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(); 
});​ 

回答

0

看看這個:http://jqueryui.com/demos/draggable/constrain-movement.html

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

這將是更好,如果你告訴我怎麼樣,不只是發佈像雅虎問答鏈接但它的工作。謝謝! – Luis 2012-02-25 18:47:06

+0

好的,就在這裏。 $(function(){$(「#draggable」).draggable({axis:「y」});}); – ialphan 2012-02-25 18:59:30

+0

是的,謝謝,剛纔告訴你幫助你;) – Luis 2012-02-25 20:00:36