圖像拖動父遏制

這個例子不工作偉大的工作，因爲這裏遏制是身體http://jsfiddle.net/roXon/hMmbK/2/圖像拖動父遏制

，當我在HTML中使用的容器，它的工作不細。這裏的問題：http://jsfiddle.net/anosim/ZXu2w/

任何人都有最好的解決方案。

在此先感謝。

來源

2012-03-27 anosim

究竟是你想要的結果？ – Jlange 2012-03-27 17:40:48

問題是，當你指定座標時，它們是絕對位置。

有可能是一個更好的辦法，但家長的你總是可以得到補償和這些偏移添加到您的遏制座標：

$(function() { 

    var ox = $("#container img").parent().offset().left; 
    var oy = $("#container img").parent().offset().top; 

    $("img").draggable({ 
     containment: [-99+ox, -119+oy, ox, oy], 
     scroll: false 
    }); 

});

演示：http://jsfiddle.net/DqdRK/

來源

2012-03-27 17:34:54

非常感謝親愛的！ – anosim 2012-03-27 17:51:54

你如何計算-99和-119？ – nmsdvid 2013-03-27 09:39:41

@nmsdvid：圖片寬度爲400x300，div爲300x180，相差100x120。然後我減去邊界寬度的一個像素。從技術角度來說，爲了說明邊界，還應該加上其他參數：'遏制：[-99 + ox，-119 + oy，ox + 1，oy + 1]' – 2013-03-27 16:30:09

你的問題是，你」在第二個小提琴中重新制作img標籤。我假設您希望用戶能夠在綠色區域中拖動圖像。嘗試將draggable應用於div。（小提琴：http://jsfiddle.net/ZXu2w/1/）

來源

2012-03-27 17:38:02 Jlange

我找到了我的解決方案：http://jsfiddle.net/DqdRK/ – anosim 2012-03-27 17:54:58

看來我誤解了你的最終目標。很高興你找到了解決方案。 – Jlange 2012-03-27 17:57:16

圖像拖動父遏制

回答

相關問題