2012-11-12 75 views
0

我想要計算並選擇拖放區域,在我的拖動應用程序中拖動&。拖放和計算寬度

我想要什麼:

  1. 當我拖箱頂部或可放開DIV的底部,寬度必須是100%
  2. 當我拖動框附近的其它框,(如果框的寬度必須是50% - 50%
  3. 如果拖動框和更改放置哪個框已經在包裝中,則必須重新計算它們。

Here is my example code

$(".box").draggable({ 
    snap: '#droppable', 
    snapMode: 'outer', 
    revert: "invalid", 
    cursor: "move", 
    helper: "clone" 
    //connectToSortable: "#droppable" 
}); 

$("#wrapper").droppable({ 
    drop: function(event, ui) { 
     var dropped = $(ui.draggable).clone(); 
     var droppedOn = $(this); 
     $(dropped).detach().css({ 
      top: 0, 
      left: 0 
     }).appendTo(droppedOn); 
     $(this).addClass("ui-state.highlight").find("p").html(""); 
    } 
}); 

能否請你告訴我,我怎麼能做到這一點的呢?

感謝

+0

這裏是我的期望:http://imageshack.us/photo/my-images/222/dragdropsnap.png/ – linepisode

回答

5

看看這個JQFAQ.com話題,這將幫助您設置的寬度計算,我們可以滴在指定區域的元素。還有幾個樣本常見問題。

+0

謝謝karthik! – linepisode