개발 Q&A

제목 dialog, popup 질문입니다.
글쓴이 템포 작성시각 2013/04/30 12:07:48
댓글 : 3 추천 : 0 스크랩 : 0 조회수 : 16409   RSS
흔히 인터넷 쇼핑몰에서 보면
쇼핑몰으 메인페이지에 갔을 때

팝업이나 다이얼로그 같은 형식 또는 레이어 형식으로

회원가입 혜택, 공지사항, 오늘특가상품 .. 이런 (팝업?) 창이 뜨는걸 한번쯤은 보셨으리라 생각하고 질문드리겠습니다

제가 이걸 해결하려고 해본 테스트는..
여기에 뿌려주는 데이터를 json으로 받아서
each문을 돌 동안 그 데이터안에있는 값들을 html에 다 넣고
그 값들을 통해서 each문의 갯수만큼 dialog를 뛰어주려고 했는데 안되더라구요

$(msg.data).each(function(key, data)
{
html = '';
selector = '';

html += "<li>.....
selector = $('layer')..append(html)


selector.dialog({disabled:false,
          autoOpen:true,
          closeOnEscape: true

.....


쇼핑몰의 구조처럼 메인페이지가 로딩될 때,
팝업이나 다이알로그 혹은 레이어 형식으로 어떻게 뛰우나요 ??


 다음글 SSL 인증서 발급 문의 (3)
 이전글 helper('download') 질문이요~ (1)

댓글

risa / 2013/04/30 14:16:47 / 추천 0
 
//자동실행
$(function() {
  // 실행 할 코드
});
템포 / 2013/04/30 14:41:10 / 추천 0
답변 감사합니다
그렇게 해야 하는건 알고 있었는데, 제가 생각한 방법대로 되질 않아서..ㅋㅋ;;;

일단 json으로 받아서 처리하는거 말고
html에서 받아서 for문돌리면서 그만큼 레이어를 만들어줬습니다.
popuplayer1, popuplayer2, popuplayer3 ... 이거 외에 공통클래스도 하나 추가해서

스크립트가 불려질 때,
실행할 코드에 추가했습니다.

지훈임돠 / 2013/05/01 11:59:44 / 추천 0
selector = $('layer')..append(html);


아래와 같이 변경하시면 됩니다.
append 하는 부분을 좀더 이해해보세요^^


$(html).dialog();