2011-03-30 1 views
1

현재 div에서 동적으로 생성 된 명령어 세트에서 '추가 및 제거'단계를 수행하는 데 javascript/jquery가 있습니다.자바 스크립트 추가/제거/삽입/순서 재 지정 단계 추가/제거/삽입/재정렬

function add(){ 
     var id = document.getElementById("hiddenCount").value; 
     $("#myId").append("<div id='step"+ 'id' + "...onclick='delete('"+id+")"...); 
     id = (id -1) + 2; 
     document.getElementById("hiddenCount").value = id; 
    } 
    function delete(id){ 
     $("#" +id).remove(); 
     document.getElementById("hiddenCount").value = (id-1); 
    } 

이 ID를 주문/- 염기 서열 NON을하지만, 다른 2 단계 또는 사이에서 단계를 삽입 여러 단계를 제거하고 추가하려는 경우, ID의 번호가 매우 정렬되지 않은되고 추가 및 제거에 좋은 곳입니다 . 이와 같은 상황을 처리하는 자바 스크립트를 알고 계시 며, 정렬 가능한 값 또는 정렬 된 목록과 같은 다른 방법을 사용해야합니까?

전반적인 목표는 jquery/javascript를 사용하여 순차적 div 태그로 동적으로 명령어를 추가/제거/삽입/재정렬하는 매우 손쉽게 편집 가능한 방법을 만드는 것입니다. 경우에 따라 단계가 데이터베이스에서 미리 채워지고 표시되므로 편집해야합니다. 경우에 따라 단계가 전혀 없지만이를 작성해야합니다.

답변

1

나는 당신이 자신의 ID 나 그 밖의 것에 있지는 않지만 계단의 순서를 기반으로 할 수있는 순서가없는 목록을 사용하는 것이 바람직하지만, 부모의 색인 인 ul에 넣는 것이 좋습니다. 코드 예제를 원한다면 필자는이 예제를 작성하는 데 신경 쓰지 않을 것이다.

+0

코드 샘플이 필요하지 않습니다. 나는 .sortable() 함수의 'update :'매개 변수를 사용하여 아코디언을 업데이트 할 때 아코디언의 단계를 다시 주문한다는 것을 함께 해킹했습니다. 내가 사용하는 jquery의 verison이 직렬화를 잘 처리하지 못하는 것 같습니다. –

+0

샘플 코드를 갖고 싶습니다;) – NullPointer