2012-11-12 2 views
0

내 드래그 & 드롭 응용 프로그램에서 놓기 영역을 계산하고 선택하려고합니다. 내가 만들고 싶어 무엇끌어서 놓기 및 너비 계산

: 내가 위로하는 상자 또는 드롭 가능한 사업부의 하단을 드래그하면

  1. 는, 폭이 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 주제를보세요, 이것은 당신이 계산 된 너비를 설정하는 데 도움이 될 것입니다 그리고 우리는 특정 영역의 요소를 삭제할 수 있습니다. 몇 가지 샘플 FAQ도 있습니다.

+0

감사합니다. karthik! – linepisode