쿠키로 css display 저장
본문
닫기버튼을 누르면 페이지이동하여도 계속 닫기(display:none;)
역시 마찬가지로 열기버튼을 누르면 이동하여도 열림상태(display:block;)을 할려고합니다
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
$(document).ready(function(){
$('.AA').click(function(){ //닫기버튼 누를때
$('.CCC').animate({'bottom':'0'});
$('.AA').css('display','none');
$('.BB').css('display','block');
$('.BB_2').css('display','block');
$.cookie("Display1", 'none');
$.cookie("Display2", 'block');
$('.AA').css('display', $.cookie("Display1"));
$('.BB').css('display', $.cookie("Display2"));
$('.BB_2').css('display', $.cookie("Display2"));
});
$('.BB').click(function(){ //열림버튼 누를때
$('.CCC').animate({'bottom':'-75px'});
$('.AA').css('display','block');
$('.BB').css('display','none');
$('.BB_2').css('display','none');
$('.D').css('display','none');
$.cookie("Display1", 'block');
$.cookie("Display2", 'none');
$('.AA').css('display', $.cookie("Display1"));
$('.BB').css('display', $.cookie("Display2"));
$('.BB_2').css('display', $.cookie("Display2"));
});
});
</script>
<p class="AA" id="AA" name="AA"><span id="title">닫기</span></p>
<p class="BB" id="BB" name="BB"><span id="title2"> 열기</span></p>
뭐가 문제일까요 ㅠㅠ
* 코드 일부분은 임의로 변경하였습니다
답변 2
12 |
$('.AA').css('display', $.cookie("Display1")); |
13 |
$('.BB').css('display', $.cookie("Display2")); |
14 |
$('.BB_2').css('display', $.cookie("Display2")); |
클릭해야 실행되는게 아니고
$(documet).ready 에 넣으셔야 맞는것 같네요
답변감사합니다. 말씀하신대로 했더니 됐습니다만..
사이트에 /page도 있고 /bbs/board.php 도 같이 있어서 그런지
page는 page끼리만 bbs/board.php는 역시 자기들끼리만 쿠키를 공유하는거같은데요...
page에서 닫기를 누르면 다른 bbs에는 안돼지만 다른 page는 되고
그 반대로 마찬가지입니다
같은 head.html(이윰테마적용중입니다) 공유임에도 불구하고 이러내요..
어떻게 해야 좋을까요?
http://www.fun25.co.kr/blog/jquery-cookie-simple-sample
ex) $.cookie("visits", 10, {path: "/"}
path값을 루트로 잡아주세요
감사합니다 덕분에 잘해결됐습니다!!
<script>
if ( 해당쿠키가 있다면 ) { $('.AA').hide() } else { $('.AA').show() }
</script>
이렇게 처리하면될꺼같은데요..
답변을 작성하시기 전에 로그인 해주세요.
