오류가 나는데 몇시간동안 헤매는대 고수님들 도와주세요 ㅠ
본문
<div class="click_btn"><p><img src="/images_new/btn/click_btn.png" alt="클릭버튼" /></p></div>
<div class="link_banner_wrap">
<div class="link_banner clearfix">
<ul class="list_01 clearfix">
<li><a href="#" target="_blank;"><img src="/images_new/main/link_01.png" alt="구지현" /></a></li>
<li><a href="#" target="_blank;"><img src="/images_new/main/link_02.png" alt="연상수" /></a></li>
<li class="last"><a href="#" target="_blank;"><img src="/images_new/main/link_03.png" alt="이제숙" /></a></li>
<li><a href="#" target="_blank;"><img src="/images_new/main/link_04.png" alt="#" /></a></li>
<li><a href="#" target="_blank;"><img src="/images_new/main/link_05.png" alt="이종현" /></a></li>
<li class="last"><a href="# " target="_blank;" ><img src="/images_new/main/link_06.png" alt="이금희" /></a></li>
<li><a href="#" target="_blank;"><img src="/images_new/main/link_07.png" alt="이금복" /></a></li>
<li><a href="#" target="_blank;"><img src="/images_new/main/link_08.png" alt="김광수" /></a></li>
<li class="last"><a href="#" target="_blank;"><img src="/images_new/main/link_09.png" alt="이재현 " /></a></li>
</ul>
<ul class="list_02 clear_fix">
<li class="last"><a href="#" target="_blank;"><img src="/images_new/main/link_10.png" alt="박서정 " /></a></li>
<!--<li><a href="#" target="_blank;"><img src="/images_new/main/link_11.png" alt="이금희" /></a></li>
<li><a href="#" target="_blank;" ><img src="/images_new/main/link_12.png" alt="이재현" /></a></li>
<li class="last"><a href="#" target="_blank;"><img src="/images_new/main/link_13.png" alt="박서정" /></a></li>-->
</ul>
<p class="billding"><img src="/images_new/main/billding.jpg" alt="" /></p>
<div class="close_btn"><p><img src="/images_new/btn/close_btn.png" alt="닫기버튼" /></p></div>
</div>
</div>
이렇게 있고
스크립트
<div id="footer_wrap">
<?php require_once ($_SERVER["DOCUMENT_ROOT"]. "/include/footer_new.php"); ?>
</div><!-- // footer_wrap -->
</div><!-- // wrap -->
</body>
</html>
<script type="text/javascript">
$('#con01_slide').cycle({
fx: 'scrollHorz',
//fx: 'fade',
speed: 2000,
easing: 'easeOutQuart',
timeout: 4000,
next: '#btn_next',
prev: '#btn_prev',
pager: '#con01_slide_pager'
});
$('.con02_slide').cycle({
fx: 'scrollHorz',
//fx: 'fade',
speed: 800,
easing: 'easeOutQuart',
timeout: 4000,
pager: '#con02_slide_pager'
});
function setCookie( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin0() {
if ( document.notice_form0.chkbox.checked ){
setCookie( "maindiv0", "done0" , 1 );
}
document.all['divpop0'].style.visibility = "hidden";
}
function closeWin01() {
if ( document.notice_form01.chkbox.checked ){
setCookie( "maindiv0", "done0" , 1 );
}
document.all['divpop01'].style.visibility = "hidden";
}
function closeWin02() {
if ( document.notice_form02.chkbox.checked ){
setCookie( "maindiv0", "done0" , 1 );
}
document.all['divpop02'].style.visibility = "hidden";
}
cookiedata = document.cookie;
if ( cookiedata.indexOf("maindiv0=done0") < 0 ){
document.all['divpop0'].style.visibility = "visible";
document.all['divpop01'].style.visibility = "visible";
document.all['divpop02'].style.visibility = "hidden";
} else {
document.all['divpop0'].style.visibility = "hidden";
document.all['divpop01'].style.visibility = "hidden";
document.all['divpop02'].style.visibility = "hidden";
}
$('.click_btn').on('click', function(){
clearTimeout($.data(this, 'timer'));
$('#divpop0').css('display','none')
// $('#divpop01').css('display','none')
$('.close_btn').css('display','block');
$('.link_banner').css('display','block');
$('.link_banner_wrap').css('display','block');
$('.link_banner_wrap').stop().animate({width:'960px'},300,'easeInQuad');
});
$('.close_btn').on('click', function(){
clearTimeout($.data(this, 'timer'));
$('#divpop0').css('display','block')
// $('#divpop01').css('display','block')
$('.close_btn').css('display','none');
$('.click_btn').css('display','block');
$('.link_banner').css('display','none');
$('.link_banner_wrap').stop().animate({width:'0px'},300,'easeInQuad');
});
</script>
뭐가 문제가 있나요??스크립트가 작동이 안됩니다 ㅠㅠ 화살표 한부분 누르면 사라져야대는데 왜 안사라질까요??
답변 2
$('.click_btn').on('click', function(){
72 | |
73 | clearTimeout($.data(this, 'timer')); |
74 | $('#divpop0').css('display','none') |
75 | // $('#divpop01').css('display','none') |
76 | $('.close_btn').css('display','block'); |
77 | $('.link_banner').css('display','block'); |
78 | $('.link_banner_wrap').css('display','block'); |
79 | $('.link_banner_wrap').stop().animate({width:'960px'},300,'easeInQuad'); |
80 | }); |
여기서
74 | $('#divpop0').css('display','none'); 세미콜론이 빠졌네요 |
세미콜론때문은 아닌거 같습니다 ㅠㅠ
세미콜론 때문은 아닙니다. 그래도 하세요... 좋은 습관입니다. ^^;
제이쿼리는 여타의 스크립트와 별도로 싸줘야 합니다.
$(document).ready(function(){
제이쿼리 소스
});
이 긴걸 쓰기 귀찮으면 축약해서
$(function(){
제이쿼리 소스
});
그래서 결론은 아래처럼 하면 된다는 겁니다.
$(function(){ //<-- 추가
$('.click_btn').on('click', function(){
clearTimeout($.data(this, 'timer'));
$('#divpop0').css('display','none')
// $('#divpop01').css('display','none')
$('.close_btn').css('display','block');
$('.link_banner').css('display','block');
$('.link_banner_wrap').css('display','block');
$('.link_banner_wrap').stop().animate({width:'960px'},300,'easeInQuad');
});
$('.close_btn').on('click', function(){
clearTimeout($.data(this, 'timer'));
$('#divpop0').css('display','block')
// $('#divpop01').css('display','block')
$('.close_btn').css('display','none');
$('.click_btn').css('display','block');
$('.link_banner').css('display','none');
$('.link_banner_wrap').stop().animate({width:'0px'},300,'easeInQuad');
});
}); //<-- 추가
</script>
답변을 작성하시기 전에 로그인 해주세요.
