modal 팝업 질문있습니다. 채택완료
http://theme.eyoom.net/?theme=resume
여기 샘플에서 포트폴리오로 가면 크게보기가 있습니다.
그걸 수정해서 크게 보기를 했을경우 wmode=1 이 붙여진 레이어팝업 아이프레임이 띄어지게 하고 싶습니다.
그래서 아래와 같이 소스를 수정하였는데요.
최신글이 출력되고 크게보기를 누르면 5개면 5개를 전부 눌르면 가장 최신글로만 아이프레임이 띄어집니다.
방법좀 알려주세요^^ (새로고침이 안되서 그런것같기도 하고...; 원인도 모르겠어요..)
Copy
<?php if (!defined('_GNUBOARD_')) exit;add_stylesheet('<link rel="stylesheet" href="./style.css" type="text/css" media="screen">',0);?><div class="heading heading-e4"> <h2>{title}</h2></div><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"> <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> </div> <!--{:}--> <!--{/}--></div>답변 1개
채택된 답변
+20 포인트
9년 전
아래와 같은 형태로 연결해주세요.
$('.myModal').on('click' , function ({
$('.myModal span').html('글자출력');
함수();
});
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인