2009-05-15 4 views
2

Jquery UI를 사용하여 드래그 앤 드롭 즐겨 찾기 UI를 개발하고 있습니다. 특정 지역에 드롭 된 LI (5 개로 제한)의 양을 제한하고 싶습니다. 사용자가 다른 사용자를 놓으면 현재 사용자를 대체하십시오. 어떻게 할 수 있습니까? 저는 현재 jquery UI 사이트에서 photomanager의 수정 된 버전을 사용하고 있습니다.jquery를 사용하여 LI의 양을 제한하는 방법

답변

1

당신은 얼마나 많은 LI가 지역에 있고 5+에서 실제 LI를 대체 할 수 있는지 확인할 수 있습니다. 참조 :

On Drop event: 
    if($("#region li").length<5){ 
     //do your normal drop handling 
    }else{ 
     //replace one of the actual li's with the dragged one 
    } 

이 도움이 될 것이라고 생각하십니까?

+0

감사하지만 여기 내 코드 '경우 (. $ ("# 즐겨 찾기 리") 길이 <5) { $ favourites.droppable ({ \t 동의하다, 정말 작동하지 않았다 ul> li ', \t drop : function (ev, ui) { deleteImage (ui.draggable); } }}); } else { $ favourites.droppable ({비활성화 : '# 아이콘 갤러리 ul> li',}); } – ivordesign

+0

나는 drop 이벤트가 아닌 drag 이벤트에 if 문을 적용하고 있음을 깨달았습니다. – ivordesign

1

나는 최근에 어떤 종류의 다른 방식으로 이것을했습니다. 대신에 낙하 할 것으로 지역을 방지, 난 그냥 잉여 LI를 선택하고, 단지이 방법이 잘 맞는 경우

$('#pool').append($('#container li:last-child')); 

참조 마지막 자식을 다시 추가하여 다시 possibles의 풀에 추가 할 것입니다 ..

'# 아이콘 갤러리 :
관련 문제