오류가 나는데 몇시간동안 헤매는대 고수님들 도와주세요 ㅠ 채택완료
Copy
<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>
이렇게 있고
스크립트
Copy
<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개
채택된 답변
+20 포인트
9년 전
$('.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'); 세미콜론이 빠졌네요 |
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
9년 전
세미콜론 때문은 아닙니다. 그래도 하세요... 좋은 습관입니다. ^^;
제이쿼리는 여타의 스크립트와 별도로 싸줘야 합니다.
Copy
$(document).ready(function(){ 제이쿼리 소스});
이 긴걸 쓰기 귀찮으면 축약해서
Copy
$(function(){ 제이쿼리 소스});
그래서 결론은 아래처럼 하면 된다는 겁니다.
Copy
$(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>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인