팝업창 띄우는 것에 대한 질문 드립니다.
본문
위치를 어디에 넣어야할지 모르겠어요...
<script type="text/javascript">
window.open("http://placehold.it/691x377","imeji","toolbar=no,width=691,height=377,top=0,left=0");
</script>
이렇게 하면 새창으로 뜨고 되긴 하지만 저는 이 방식보다
<!DOCTYPE HTML>
<html lang="ko-KR">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.layer-box{width:691px;height:377px;position:absolute;top:200px;left:50%;margin-left:-345px;}
.layer-box .btn-close{display:block;width:140px;height:30px;border:1px solid #000;position:absolute;left:540px;top:7px;cursor:pointer;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div class="layer-box"><img src="http://placehold.it/691x377" alt="" />
<span class="btn-close"></span>
</div>
<script>
$(function() {
$( ".layer-box span.btn-close" ).click(function(){
$(this).parent().hide()
})
});
</script>
</body>
</html>
이렇게 쓰고 싶습니다. head.php와 index.php에 넣어보았는데 인덱스에 넣으니 뜨지 않고
헤드에 넣으니.. 팝업창은 뜨지만 밑에 제이쿼리 슬라이더가 깨집니다ㅠㅠ 어떻게 해야할까요?
!-->!-->
답변 5
jquery가 include되어 충돌이 일어나는거 같은데
index.php파일에 include_once('./_head.php');
위 코드 상단에 원하시는 코드를 한번 넣어보세요
<span class="btn-close" id="btn_close_layerpopup"></span>
이렇게 바꾸고..
<script>
$(function() {
$( "#btn_close_layerpopup" ).click(function(){ $(this).parent().hide();
})
}); </script>
이렇게 바꿔보세요
!-->!-->그러면 아마 클릭이벤트가 바인드 되기 전에
스크립트 에러가 나서 그럴거예요..
$(
function
() 는 의미가 onready 라서요..
페이지가 다 로딩된다음에 클릭이벤트가 적용되는건데
그전에 스크립트 에러가 있으면 안될수 있습니다.
크롬에서 f12 누르셔서.. 콘솔에서 스크립트 에러 확인해보세요
그건 머.. 스타일 충돌이나 그런거 일듯 한데요?? ^^;;
IE에서도 마찬가지로 F12누르시면 개발자 도구 나옵니다.
거기에서 스크립트 탭을 클릭하시고 디버깅 시작을 눌러주세요.
그리고 콘솔에서 스크립트 에러 확인 해보시고..
나중에 디버깅 중지 하시고.
스크립트에러를 고치시면 잘 되실듯 하네요 ^^
답변을 작성하시기 전에 로그인 해주세요.