SIR
목록으로
이전글 다음글

쿠키로 css display 저장 채택완료

가방
프로필 보기이 회원 글보기이 회원의 댓글보기
 6년 전 조회 3,783
답변 2
목록

닫기버튼을 누르면 페이지이동하여도 계속 닫기(display:none;)

역시 마찬가지로 열기버튼을 누르면 이동하여도 열림상태(display:block;)을 할려고합니다

Copy 
<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>
Copy 
<p class="AA" id="AA" name="AA"><span id="title">닫기</span></p>
<p class="BB" id="BB" name="BB"><span id="title2"> 열기</span></p>

뭐가 문제일까요 ㅠㅠ

* 코드 일부분은 임의로 변경하였습니다

#javascript #그누보드5

답변 2개

채택된 답변
+20 포인트
12 $('.AA').css('display', $.cookie("Display1"));
13 $('.BB').css('display', $.cookie("Display2"));
14 $('.BB_2').css('display', $.cookie("Display2"));

클릭해야 실행되는게 아니고

$(documet).ready 에 넣으셔야 맞는것 같네요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

답변감사합니다. 말씀하신대로 했더니 됐습니다만..

사이트에 /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값을 루트로 잡아주세요
감사합니다 덕분에 잘해결됐습니다!!

댓글을 작성하려면 로그인이 필요합니다.

Copy 
<script>

if ( 해당쿠키가 있다면  ) { $('.AA').hide() } else { $('.AA').show() }

</script>

이렇게 처리하면될꺼같은데요..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고