크롬과 파이어팍스에선 display 속성이 먹질 않아서 애로가 많습니다. 블록

요새 제 오픈소스 게시판에서 계층형 덧글을 구현 중인데요 이게 덧글에 답글이 달리면 덧글을 게시한 사용자의 삭제 버튼이 display: none 속성으로 안보이게 해놨는데 크롬과 파이어팍스에선 이 속성이 먹질 않아서 삭제 버튼이 보이고 삭제를 하면 자식 답글이 있어도 그냥 덧글이 삭제가 돼 버립니다. 물론 이때 자식 답글을 수정하려고 하면 에러가 뜨게는 해놨는데 이런 특성 때문에 애로점이 많네요.

아무리 구글링을 해보아도 마땅한 해결책은 안보이고 예전부터 겪는 문제지만 많이 불편하네요. 여러분은 그런 경험 없으셨는지...

맞어 조만간 계층형 덧글을 제 오픈소스 게시판 수정증보판에서 만나실 수 있습니다. 일단 스킨 한 군데에서 완벽하게 구현은 해놨는데 다른 스킨에 적용하려면 시간이 좀 걸립니다. 많이 기대해 주세요. ^^;

덧글

  • 엘레시엘 2014/09/03 10:01 # 답글

    IE에서만 되고 크롬과 파폭에서 안됐다면 뭔가 잘못 만든겁니다. 별로 완벽하지 않군요.
    class에 css display 설정 넣어놓고 toggle하는 방식을 썼는데 class 적용 우선순위를 잘못 알고 있다던가...
  • 희망의빛™ 2014/09/04 08:45 #

    엘레시엘님의 덧글에 자극 받아 방법을 찾아냈습니다. removeNode와 style.display = "none" 명령어 실행 위치가 문제였습니다. 이걸 서로 바꾸어 주니 크롬과 파폭에서도 제대로 동작하더라구요. 호호 방법을 찾아내 너무나 기분이 좋네요. 엘레시엘님 말씀대로 style.display = "none" 속성이 파폭에서 안먹는 게 아니라 다른 어떤 문제가 있는 것이었습니다. 덧글 고맙습니다. 좋은 하루 되세요. ^^;
댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.


웹로그 검색