Jquery UI를 사용하여 드래그 앤 드롭 즐겨 찾기 UI를 개발하고 있습니다. 특정 지역에 드롭 된 LI (5 개로 제한)의 양을 제한하고 싶습니다. 사용자가 다른 사용자를 놓으면 현재 사용자를 대체하십시오. 어떻게 할 수 있습니까? 저는 현재 jquery UI 사이트에서 photomanager의 수정 된 버전을 사용하고 있습니다.jquery를 사용하여 LI의 양을 제한하는 방법
2
A
답변
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
}
이 도움이 될 것이라고 생각하십니까?
1
나는 최근에 어떤 종류의 다른 방식으로 이것을했습니다. 대신에 낙하 할 것으로 지역을 방지, 난 그냥 잉여 LI를 선택하고, 단지이 방법이 잘 맞는 경우
$('#pool').append($('#container li:last-child'));
참조 마지막 자식을 다시 추가하여 다시 possibles의 풀에 추가 할 것입니다 ..
'# 아이콘 갤러리 :관련 문제
- 1. 수 LI의 사용 jQuery를
- 2. jQuery를 사용하여 LI의 ID에 어떻게 액세스합니까?
- 3. LI의 부모를 얻는 방법
- 4. jQuery를 - 목록의 마지막 LI의 EVERY UL를 선택
- 5. OnGuard를 사용하여 기능을 제한하는 방법
- 6. li의 일부가 .remove()를받은 후 ul에있는 li의 수를 센다.
- 7. 공간을 제거하고 jquery를 사용하여 특수 문자를 제한하는 방법은 무엇입니까?
- 8. 스폰 된 프로그램이 C++에서 사용할 수있는 메모리 양을 제한하는 방법
- 9. HttpHandler를 사용하여 전송 속도를 제한하는 방법
- 10. 함수를 제한하는 짧은 방법
- 11. 어떻게 LI의 목록을 JavaScript로 나눕니까?
- 12. jquery를 사용하여 정렬되지 않은 목록 항목을 편집하는 방법
- 13. Oracle에서 RAM 사용을 제한하는 방법 9
- 14. 사용자에게 버킷을 제한하는 방법
- 15. 비공개 콘텐츠를 제한하는 방법?
- 16. PHPMyAdmin의 기능을 제한하는 방법
- 17. WCF 로깅을 제한하는 방법
- 18. 폴더를 사용자로 제한하는 방법
- 19. jFormattedTextField를 제한하는 방법
- 20. C에서 입력을 제한하는 방법
- 21. SUM으로 결과 제한하는 방법
- 22. seekbar를 제한하는 방법
- 23. 클래스 사용을 제한하는 방법
- 24. iframe에 Jquery를 사용하여 액세스하는 방법
- 25. jquery를 사용하여 코드를 단순화하는 방법?
- 26. jQuery를 사용하여 TinyURL을 생성하는 방법
- 27. jquery를 사용하여 Href를 계산하는 방법
- 28. JQuery를 사용하여 CAPTCHA를 구현하는 방법
- 29. jQuery를 사용하여 div를 회전하는 방법
- 30. JQuery를 사용하여 서블릿을 호출하는 방법
감사하지만 여기 내 코드 '경우 (. $ ("# 즐겨 찾기 리") 길이 <5) { $ favourites.droppable ({ \t 동의하다, 정말 작동하지 않았다 ul> li ', \t drop : function (ev, ui) { deleteImage (ui.draggable); } }}); } else { $ favourites.droppable ({비활성화 : '# 아이콘 갤러리 ul> li',}); } – ivordesign
나는 drop 이벤트가 아닌 drag 이벤트에 if 문을 적용하고 있음을 깨달았습니다. – ivordesign