체크박스 cookie관련
본문
체크박스를 checked하면
쿠키를 이용해서 페이지를 이동해도
check 되어있었는지, 안되어있었는지에 따라서 css를 불러오는데요.
아래 소스처럼 하면 기능상으로는 잘되는데...
( checkbox를 checked한 상태에서 다른페이지로 이동을 하면 css상 checked를 적용한 상태로 보여지긴합니다. )
그런데 checked한 상태에서 다른 페이지로 이동하면
0.몇초 번쩍 checked 안되있을 때의 상태를 보여주고, checked된 상태로 보여주는데....
어떻게 해야... 0.몇초 상관없이 딱! checked된 상태로 보여질까요?
<script src="./js/jquery.cookie.min.js"></script>
<script>
$(document).ready(function(){
$("#menu-toggle").each(function() {
var mycookie = $.cookie($(this).attr('name'));
if (mycookie && mycookie == "true") {
$(this).prop('checked', mycookie);
}
});
$("#menu-toggle").change(function() {
$.cookie($(this).attr("name"), $(this).prop('checked'), {
path: '/',
expires: 365
});
});
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
