| 제목 | 제이쿼리 동적 요소 추가 시, length 카운팅이 제대로 안됩니다. | ||
|---|---|---|---|
| 카테고리 | JavaScript | ||
| 글쓴이 | 신일 | 작성시각 | 2019/11/07 14:36:06 | 
|  | |||
| 안녕하세요, 궁금한게 있어 문의드립니다. 혹시 아시는 분 계시면 댓글 좀 부탁 드립니다. 간단한거 같은데 의외로 몇일째 헤메고 있습니다. 
 동적인(아코디언 row 추가,삭제) 아코디언에서 마지막 남은 row는 삭제하지 못하게 하려는데요. length 카운팅이 제대로 되지 않습니다. 
 예) - 최초 화면 로딩 시 : row 2개 - row 추가 : row 3개 <=====이렇게 인식을 못하고 2개로 계속 인식합니다. 
 
 
$(document).on('click', '#del_btn' , function(e)        //삭제 버튼 클릭 시
{               
    if( $('.school_accordion_row').length <= 1)
    {
        alert('마지막은 삭제할 수 없습니다');
        return false;
    }
    else
    {
        $(e.target).closest('li').remove();
        return false;
    }
});
 
 | |||
| 다음글 | CI 세션 이슈 궁금증 (1) | ||
| 이전글 | Codeigniter SOAP 문의 (1) | ||
| 
                                신일
                                /
                                2019/11/07 19:29:45 /
                                추천
                                0
                             
                                다른 분이 알려주셔서 해결 됐습니다^^
                             | 
| 
                                엽토군
                                /
                                2019/11/10 12:47:27 /
                                추천
                                0
                             
                                원인이 뭐였는지 해결법이 뭔지도 공유해 주시면 이 글이 혼잣말로 끝나지 않을 것 같습니다.
                             | 
| 
                                변종원(웅파)
                                /
                                2019/11/11 11:41:40 /
                                추천
                                0
                             질문과 답변이 하나의 세트로 완성이 됐을 때 질문하신 분도 나중에 볼 누군가를 위해 도움을 주신 겁니다. ^^ | 
| 
                                한대승(불의회상)
                                /
                                2019/11/11 13:59:14 /
                                추천
                                0
                             문제를 기준으로 결론을 유추해보면 ID를 클래스명으로 바꾸지 않았을까? 문서 하나에 ID는 한개만 유효합니다. | 
| 
                                신일
                                /
                                2019/11/17 18:20:01 /
                                추천
                                0
                             안녕하세요, 결론적으로 동적으로 추가된 것이 문제였는데요^^ $('.school_accordion_row') <=== 이 선택자를 인식 못해서 $('#project_accordion > li') <===이와 같이 선택자를 변경해서 해결 했습니다. |