有沒有辦法達到這個可拖動的效果與jQuery的用戶界面？

有沒有使用jQuery UI創建this效果的方法？有沒有辦法達到這個可拖動的效果與jQuery的用戶界面？

在此先感謝。

2012-10-07 Hello World

請描述不夠細緻你的問題，以便它也有道理，一旦鏈接斷開。 – kritzikratzi

也，看看這裏。 [jcrop]（http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail） – Catalin

是的，如果你使用螢火蟲並檢查元素，你會看到有一個可拖動的div在另一個div中溢出：hidden屬性。

<div style="width: 300px; height: 300px; overflow: hidden;"> 
    <div id="draggable" style="width: 800px; height: 800px;"></div> 
</div> 

$("#draggable").draggable();

這是概念。

來源

2012-10-07 13:19:00 Catalin

看起來應該可以工作。它被測試了嗎？ – kritzikratzi

@kritzikratzi不，我沒有測試過它，但它應該可以工作。 – Catalin

這隻能在一定程度上起作用：您可以拖動圖像，但它不在收容區域內。 –

它不能用jQuery拖動實現。因爲這裏可拖動的項目不應該被拖動，因此它的頂部/左邊點大於它的容器。所有4點都是如此。

使用jQuery可拖動，您不能限制某個元素超出某個座標的拖動。

我建議使用mousedown和mousemove事件用法創建一個自定義jQuery插件。

來源

2012-10-07 13:27:31 chirag

您可以使用jQuery UI Draggable的containment選項。

下面是一個例子：http://jsfiddle.net/AZwbP/

來源

2012-10-07 14:20:31 Inferpse

正是我想要的，謝謝 –

有沒有辦法達到這個可拖動的效果與jQuery的用戶界面？

回答

相關問題