2012-11-25 32 views
1

那麼如何限制只包含完全拖拽的可拖拽?如何限制droppable只包含完全可拖拽

看看下面這個例子.. http://jsfiddle.net/jWNkh/1/ .. 嘗試拖動可拖動到可放開,你會看到,可放開接受,即使拖動只有半英寸

如何使它不接受如果可拖動只有一半?只有在可拖拽完全處於可拖拽狀態時如何才能使其接受?

你可以看到的jsfiddle但我的JS代碼是

$('#drag').draggable({ revert: "invalid"}); 
$('#drop').droppable();​ 
+0

的'droppable'文檔演示瞭如何。 –

回答

7

使用tolerance: "fit"

$('#drop').droppable({ tolerance: "fit" });​ 

Working DEMO

你可以找到documentation here

+0

這不總是工作..看看這張圖片http://postimage.org/image/9bauk2xp1/你可以在這裏測試它http://jsfiddle.net/jWNkh/7/ – israel

+0

它被越來越多的邊際值弄糊塗了。這是一個更新的演示http://jsfiddle.net/jWNkh/8/ –

+0

這真的很棒。 :D 非常感謝你:) –