이미지 클릭시 팝업 기능인데요
다른 이미지들은 열렸다 닫히거나 하지 않는데
이 이미지만 새로 고침 할 때마다 열렸다 바로 닫힙니다.
코드는 다른 이미지 팝업 코드랑 아이디 빼고 다 똑같은데
왜 유독 이거만 이러는지 모르겠네요....ㅠ
도움이 필요합니다.
html
<li>
<div id="contents" style="padding:5px;">
<a href="#layerPopup"><img src="/images/hubchan/hubchan_happy_s.jpg" class="hubchan_img"></a>
<div id="layerPopup">
<button style="margin:5px;" type="button">닫기</button><br>
<img src="/images/hubchan/hubchan_happy.jpg" style="width:100%;"><br>
</div>
</div>
</li>
제이쿼리
$(document).ready(function(){
$("#layerPopup").hide();
$("#contents > a").click(function(){
$("#contents > a").blur();
$("#layerPopup").show();
$("#layerPopup a").focus();
return false;
});
$("#layerPopup a").keydown(function(e){
if(e.shiftKey && e.keyCode == 9){ // Shift + Tab 키를 의미합니다.
$("#contents > a").focus();
$("#layerPopup").hide();
return false;
}
});
$("#layerPopup button").click(function(){
$("#contents > a").focus();
$("#layerPopup").hide();
});
});
추가--------------------
빨간색 코드가 팝업 레이어인데
디스플레이 논 하니까
클릭시에는 이미지가 안 나오는데 새로고침 할 땐 이미지가 보이거든요....
그럼 문제는 이 쪽이 아닌가요?
답변 2개 / 댓글 5개
css 에
<style>
#layerPopup {display:none} <-- 해주셨나요?
</style>
클릭시에만 보이는거니 기본은 레이어를 감춰둬야죠...아니면 열려있다가 제이쿼리의 hide()로 감추게 되니 일단 보였다 감춰지게 되죠.
답변에 대한 댓글 2개
$(document).ready(function(){
$("#layerPopup").hide(); // 팝업을 숨겨두는 hide 코드
$("#contents > a").click(function(){
$("#contents > a").blur();
$("#layerPopup").show();
$("#layerPopup a").focus();
return false;
});hide() 코드 때문이 아닌가요? 누르면 나오는 팝업 제이쿼리 같은데요?
답변에 대한 댓글 3개
원래는 팝업이 클릭시에만 나와야 되는데
얘는 새로고침할 때마다 열렸다 닫힙니다
답변을 작성하려면 로그인이 필요합니다.
그리고
여러가지 테스트해보니
li의 마지막 이미지가 저렇게 새로고침하면 열렸다 닫힙니다.;;