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

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

떳다이장님 9년 전 조회 2,407

http://theme.eyoom.net/?theme=resume">http://theme.eyoom.net/?theme=resume

 

여기 샘플에서 포트폴리오로 가면 크게보기가 있습니다.

그걸 수정해서 크게 보기를 했을경우 wmode=1 이 붙여진 레이어팝업 아이프레임이 띄어지게 하고 싶습니다.

 

그래서 아래와 같이 소스를 수정하였는데요.

최신글이 출력되고 크게보기를 누르면 5개면 5개를 전부 눌르면 가장 최신글로만 아이프레임이 띄어집니다.

방법좀 알려주세요^^ (새로고침이 안되서 그런것같기도 하고...; 원인도 모르겠어요..)

 

</strong> </p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);"><?php if (!defined('_GNUBOARD_')) exit;</p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);">add_stylesheet('<link rel="stylesheet" href="./style.css" type="text/css" media="screen">',0);</p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);">?></p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);"><div class="heading heading-e4">
    <h2>{title}</h2>
</div></p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);"><div class="rs-portfolio-wrap bg-color-black color-white clearfix">
    <!--{@ loop}-->
        <div class="modal fade" id="rs-ebl-portfolio" tabindex="-1" role="dialog" aria-labelledby="RsPortfolioModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="border-bottom:0;">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                </div>
                <div class="modal-body">
                       <iframe class="href-responsive" src="{.href}&wmode=1" id="view-iframe" width="100%" frameborder="0"></iframe>
                </div>
                  <div class="modal-footer">
                <button data-dismiss="modal" class="btn-e btn-e-dark" type="button">닫기</button>
            </div>    
            </div>
        </div>
    </div>
    <div class="rs-portfolio-item"></p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);">        <div class="rs-portfolio-image">
            <!--{? .image}-->
            <a href="{.href}"><img class="img-responsive" src="{.image}"></a>
            <!--{:}-->
            <a href="{.href}"><img class="img-responsive" src="../../../image/sample/no_image.jpg"></a>
            <!--{/}-->
        </div>
        <div class="rs-portfolio-mask">
            <div class="rs-portfolio-info">
                <div class="rs-portfolio-title">{.wr_subject}</div>
                <div class="rs-portfolio-caption text-primary"><i class="fa fa-clock-o"></i> {eb->date_time('Y-m-d',.datetime)}</div>
                <div class="rs-portfolio-buttons"><a href="{.href}" class="rs-btn rs-btn-primary rs-btn-sm">더보기</a> <a href="" class="rs-img-src rs-btn rs-btn-default rs-btn-sm" data-toggle="modal" data-target="#rs-ebl-portfolio">크게보기</a></div>
            </div>
        </div></p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);">    </div>
    <!--{:}-->
    <!--{/}-->
</div></p><p style="word-break: break-all; font-family: Helvetica, Dotum, Arial, Verdana, sans-serif; color: rgb(85, 85, 85); font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);"><strong style="color: rgb(127, 127, 127); font-family: 돋움, Dotum, sans-serif; font-size: 12px; letter-spacing: -0.01px; line-height: normal;">
 

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

답변 1개

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

아래와 같은 형태로 연결해주세요.

$('.myModal').on('click' , function ({     $('.myModal span').html('글자출력');

    함수(); });  

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

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

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

로그인