[JSP] display none,block 속성 질문입니다.

Question

안녕하세요.jsp 질문좀 올리겠습니다~! display 속성으로 레이어 창을 띄우고 닫고 있는 프로그램입니다.$('#layerWindow').css('display','block'); $('#layerWindow').css('display','none'); 레이어 창에서 보이는건 일반 게시판 형태인데요 |이름|아이디|주소||.......|...........|.......| 이런형태로 나열되는 일반 게시판 형태입니다. 여기서 항목(이름, 아이디, 주소...)을 누르면 아래의 데이터가 그 항목 컨텐츠의 desc, asc 로 정렬 시키는 기능이 있습니다.그런데 display none 으로 레이어 창을 없앤 후다시 레이어 창을 열어 정렬을 하게 되면이전에 없앤 레이어 창이 있는것으로 간주되어 '이름' 항목을 클릭하였을때 2번이 클릭되는 현상이 있습니다.다시 없애고 열면 3번을 클릭한 모습이 되고요. 2번을 클릭하게 되면 오름차순으로 정렬한번 하고 내림차순으로 2번 정렬하게 되서클릭을 하나마나한 결과가 나오는게 문제입니다. 이런현상 해결할 수 없을까요;;?

찍찍이 · Answer

항목 눌렀을 때 정렬하는 기능은 어디서 주는건지 확인이 좀 필요할 것 같아요~그리고 보통은 show(), hide() 함수를 쓰는데 특별히 css()로 하는 이유가 있으신가요?

한씨 · Answer

display none, block 은 실제 코드가 사라졌다가 나오는게 아니라 말그대로 보였다가 안보였다만 해주는 기능입니다. none으로 하셔도 소스보기로 보시면 그대로 존재하고 있을거에요. 뭘 쓰셔서 정렬을 하시는지 모르겠지만 정렬을 할때 자동으로 새로고침 되지않나요?

HERACLES · Answer

답변 감사드립니다.^^:mother.jsp 에서 버튼을 클릭하면 레이어 창은 child.jsp 페이지로 열립니다.정렬기능은 child.jsp 에서 조작되고 있습니다.show, hide 도 같은 현상이 일어나고 있습니다. ㅠㅠ

푸우솔 · Answer

왜 정렬할때 레이어 자체를 display none 하는건가요? 그 레이어 내부의 정렬 순서만 바꾸면 되는것이 아닌지.

푸우솔 · Answer

아 한번 종료하면 두번 된다는 말씀이시군요. 레이어를 만들때 매번 돔객체를 새로 만드나요?

푸우솔 · Answer

jquery의 show hide는 display none, block이랑 똑같아요.

HERACLES · Answer

답변 감사드립니다ㅎajax 를 통해서 정렬을 하고 있어서 새로 jsp를 다시 열거나 하지는 않습니다.객체를 따로 만들지는 않고 단순히 태그를 display none/block 하고 있습니다.

푸우솔 · Answer

어떤식으로 되어있는지 코드를 봐야 알것 같습니다. 지금 질문주신거는 레이어를 열었다가 다시 닫은후 다시 열고 정렬시에 정렬이벤트가 2번씩먹는다 이말씀같습니다. 이경우 버튼객체를 두번생성하거나 아니면 레이어를 열때마다 이벤트를 다시 등록하거나 해서 생기는 문제같은데 지금 상황으로는 유추할수가 없군요 ㅜ

HERACLES · Answer

말씀 듣고 생각해보니 레이어 창을 열떄는 새로 child.jsp 호출하는데레이어를 닫을떄는 child.jsp 를 없애는게 아니라.. 단순히 hide 시키니까중복으로 여겨질 수 있을것 같습니다.그렇다면 child.jsp 를 아예 소멸시키는 이벤트가 있을까요?

로지컬 · Answer

display가 none이 될때 event off 해주면 되겠네요.. 반대로 block 될때는 이벤트 다시 바인딩 해주고..

한씨 · Answer

ajax로 자식 jsp 를 불러오시는거면

<자식내용>

이런식으로 영역이 있다고하고 정렬 클릭시 $.ajax({ ..... success:(data) 이부분에서 $('#contents').empty(); $('#contents').html(data); ..... )} 이런식으로 contents 내용을 바꿔치기 하시면 되지 않을까요?

HERACLES · Answer

답변들 감사드립니다.event off 라 하시면 window.close() 이런종류인가요?mother.jsp 레이어로 child.jsp 를 연구조라 child.jsp 에서 close 를 해도 mother.jsp 도 같이 close 되는 현상이.... ㅠㅠ위에 코딩대로면 mother.jsp 에서 다 처리하는 구조인건가요?

로지컬 · Answer

제이쿼리 on으로 클릭시 desc나 asc로 정렬하는 이벤트를 발생시킨거 아닌가요?지금 저 이벤트가 중복으로 걸려서 한번 열었다 닫은 이후 다시 열면 이벤트가 2번 걸려있어서 그런거 같다는 얘기구요..http://api.jquery.com/off/ 이벤트 죽여주시면 됩니다.

갈비가좋아 · Answer

mother.jsp 가 처음 시작하실때 child.jsp를 미리 호출하시고 display none처리 하신다음에child.jsp 레이어를 꺼내는 부분에서는 display block 작업만 하시면 되요~~!!나머지는 원래코드 대로 하셔도 될듯 합니다.

HERACLES · Answer

다들 답변 너무 감사드립니다.!!화이팅있게 공부해보겠습니다~!!

[JSP] display none,block 속성 질문입니다.

15개의 답변

#display 목록