jQuery 모바일 페이지 전체에서 글꼴 크기를 유지하기 위해 쿠키 추가

사용자가 선택한 글꼴 크기를 jQM 페이지에서 변경하면이 코드에 쿠키 요청을 추가하여 쿠키 크기를 유지하려고합니다. 전에는 이런 짓을하지 않았습니다. 아무나 나를 시작할 수 있을까?jQuery 모바일 페이지 전체에서 글꼴 크기를 유지하기 위해 쿠키 추가

<script> 
$(document).ready(function() { 
    $(".increaseFont,.decreaseFont").click(function() { 
     var type = $(this).val(); 
     var curFontSize = $('.gridContainer').css('font-size'); 
     if (type == 'increase') { 
      $('.gridContainer').css('font-size', parseInt(curFontSize) + 2); 
     } else { 
      $('.gridContainer').css('font-size', parseInt(curFontSize) - 2); 
     } 

    }); 


}); 
</script>

감사합니다.

출처

2013-11-25 jeremytripp

내가 대신 쿠키의 https://github.com/carhartl/jquery-cookie

출처

2013-11-25 22:00:25 DrCord

, 왜 로컬 스토리지를 사용하지 ... 그렇지 않으면 엉망이 될 수 있습니다, 자바 스크립트와 쿠키와 함께 작동하도록 jQuery.Cookie 추천 woudl? 만료되지 않고 JavaScript 내에서 사용하기가 쉽습니다. 다른 페이지의 글꼴 크기를 검색하기 위해 다음

localStorage.setItem('FontSize', curFontSize);

: 글꼴 크기를 저장하는 setItem을 사용

var curFontSize= localStorage["FontSize"];

나중에 저장된 글꼴 크기를 제거하려면 :

localStorage.removeItem("FontSize");

을 다음은 localStorage에 대한 몇 가지 설명서입니다. http://www.w3schools.com/html/html5_webstorage.asp

출처

2013-11-26 18:15:16 ezanker

실제로 훌륭한 아이디어입니다. 그것을 실천하려고 노력하고 있습니다 - 나는 어디로 잘못 가고 있습니까? http://jsfiddle.net/jeremytripp/uxBLG/3/ 내 생각에 curFontSize가 무엇인지 확인한 다음 변경 명령을 통과 한 다음 다시 설정해야했지만 생각하지 못했습니다. 일하다. – jeremytripp

다음은 업데이트 된 바이올린입니다 : http://jsfiddle.net/ezanker/uxBLG/4/. 로컬 저장소에서 값을 가져온 후 실제로 데이터 분할 영역에서 글꼴 크기를 설정해야합니다. 이제 글꼴 크기를 늘린 다음 실행 단추를 다시 클릭하고 글꼴 크기가 남아 있는지 확인하십시오. – ezanker

@ezanker 당신이 어떻게 내가 여기에 로컬 스토리지와 동일하게 할 수 있는지 알고 계실까요? http://stackoverflow.com/questions/27065527/save-addclass-with-jquery-cookie-or-local-storage Please :-) – user2513846

jQuery 모바일 페이지 전체에서 글꼴 크기를 유지하기 위해 쿠키 추가

답변

관련 문제