테스트 사이트 - 개발 중인 베타 버전입니다

for문 레이어 팝업 채택완료

웹프리죤 6년 전 조회 2,540

for 문안에서 레이어 팝업을 보여주고 있는데요.

클릭시 보이는거는 각 게시물 별로 잘 보이는데 닫히질 않는데.. 어떻게 수정을 해줘야 할까요?

 

</p>

<p><?php

            for ($i=0; $row=sql_fetch_array($result); $i++) {

        ?></p>

<p>        <style>

        #sign_pop { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.8); z-index:9999999 }

        #sign_pop .wrap { position:relative; max-width:300px; padding:10px; top:50%; left:50%; transform:translate(-50%, -50%) }

        #sign_pop .wrap .area { background:#fff; padding:10px; }

        #sign_pop button.close_pop { position:absolute; width:40px; height:40px; right:-30px; top:-30px; background:url('<?php echo G5_ADMIN_URL ?>/img/close_btn.png') no-repeat; border:0; }

        </style></p>

<p>        <script>

        $(function(){

             

             var pop   = $(".pop_<?php echo $row['wr_id'] ?>");

             var close = $(".close_<?php echo $row['wr_id'] ?>");</p>

<p>             $('.sign').on("click", function(){

                $(this).children(pop).show();

             });</p>

<p>             $(close).on("click", function(){

                $(this).parent().parent().hide();

             });</p>

<p>        });

        </script></p>

<p>        <tr>

            <td><b><?php echo $row['wr_id'] ?></b></td>

            <td><?php echo $row['od_name'] ?>(<?php echo $row['od_id'] ?>)</td>

            <td><?php echo $row['wr_6'] ?></td>

            <td>결제완료</td>

            <td><?php echo date("Y-m-d", strtotime($row['wr_datetime'])); ?></td>

            <td class="sign">

                

                <!-- 레이어 -->

                <div id="sign_pop">

                    <div class="wrap">

                        <button type="button" class="close_pop"></button>

                        <div class="area">

                            <img src="<?php echo $row['od_sign'] ?>">

                        </div>

                    </div>

                </div>

                <!-- // 레이어 --></p>

<p>                <div>

                    <img src="<?php echo $row['od_sign'] ?>">

                </div>

                

            </td>

        </tr></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
플래토
6년 전

위의 소스에서는 

 

for문을 열어서 닫는 구문이 없네요

 

그리고, 

for문안에

style의

#id 값 들이 동일하게 중복되면

스타일이 어떤게 적용될지 알기어려운것이 첫번재 변수이구요

 

각 태그의 id가 중복되면 스크립트상에서 접근할 ID를 알수 없습니다.

 

동일하게 하시려면