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

modal 팝업 질문입니다. 채택완료

아무거나만들었어요 6년 전 조회 2,070

</p>

<p><div class="container">

            <div class="title"><img src="./career/img/subject_icon.png">테스트입니다.</div>

            <?php

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

                

                $sql3 = "select * from g5_board_file where bo_table = 'job_application'";

                $result3 = sql_query($sql3);

                

                for($j=0; $row_img=sql_fetch_array($result3); $i++){

            ?>

            <div class="list">

                <div class="toggle">

                    <div class="cr_subject">

                        <?php echo $row['wr_subject']?>                        

                        <span class="glyphicon glyphicon-plus" aria-hidden="true">+</span>

                    </div>

                    <div class="cr_content">

                    

                        <div class="img" style="color: black;">

                        <!-- 이미지 경로 추가 및 해당 게시글의 이미지 표기 -->

                        <?php if($row['wr_id'] == $row_img['wr_id']){?>

                        <img src="<?php echo G5_DATA_URL."/file/".$row_img['bo_table']."/".$row_img['bf_file']?>">

                        <?php }?>

                        

                        <?php echo $row['wr_content']?>

                        </div>

                         <!-- <a class="btn" href="<?php echo G5_BBS_URL."/job_write.php?bo_table='job_list'&wr_1=".$row['wr_1']?>">지원하기</a> -->

                         <a href="#" data-toggle="modal" data-target="#testModal" class="btn">모달 테스트<?php echo $row['wr_1']?></a> 

                    </div>

                </div>

                <div class="modal" id="testModal" tabindex="1" role="dialog">

                    <div class="modal-dialog modal-sm">

                        <div class="modal-content">

                            <div class="modal-body">

                                 <iframe src="<?php echo G5_BBS_URL."/job_write.php?bo_table='job_list'&wr_1=".$row['wr_1']?>" width="500" height="500"></iframe>

                            </div>

                            <div class="modal-footer">

                                <button type="button" class="btn" data-dismiss="modal">닫기</button>

                                <?php echo $row['wr_1']?>

                            </div>

                        </div>

                    </div>    

                </div>

            </div>

            <?php }?>

            <?php }?>

        </div></p>

<p>

 

위의 소스처럼 현재 for문을 이용하여 데이터를 출력중입니다.

 

현재 데이터가 2개 밖에없어서 해당 list클래스의 div가 2개가 출력이 되니 modal관련 div들도

같이 2개가 출력이 되어서 보여집니다.

여기서 문제가 해당 버튼을 각 list div의 버튼이 눌러져야하는데 계속 두번째 list의 modal버튼을 누르면

첫번째 modal버튼이 반응을 해서 계속 첫번째 iframe 페이지가 열리네요 ㅜㅜ 

원래 두번째 div에서 두번째 modal 버튼을 누르면 두번쨰의 iframe 이 열려야하는것 아닌가요??

답답한 마음에 질문을 올립니다 ㅜ

 

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

답변 2개

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

data-target="#testModal" 

id="testModal" 

부분이 같아서 그런것 같은데요.

for문 안에 있는 구문이니

data-target="#testModal<?php echo $i?>" 

id="testModal<?php echo $i?>" 로 수정하시면 정상 작동 할 것 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아무거나만들었어요
6년 전
네! 말씀하신것처럼 id값이 동일하다보니 계속 최우선의 것만 실행이 되던것같습니다!
바로 변수하나를 추가하니깐 정상작동되네요! 감사드립니다!

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

태자
6년 전

감사합니다

로그인 후 평가할 수 있습니다

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

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

로그인