jQuery를 사용하여 쿠키를 설정하는 데 문제가 있습니다.

선택 상자 옵션 값을 사용하여 쿠키를 설정하려고합니다. i를 jquery.cookie.js을 사용하고 있습니다에서 찾을 플러그인이 : 나는 변수 theState를 보여 경고 상자를 사용하는 경우 https://github.com/carhartl/jquery-cookie jQuery를 사용하여 쿠키를 설정하는 데 문제가 있습니다.

<head> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> 
<script type="text/javascript" src="jquery.cookie.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#set_state").change(function() { 
     var theState = $(this).val(); 
     $.cookie('set_state', theState, { expires: 5, path: '/' }); 
    }); 
}); 
</script> 
</head> 
<body> 
<select id="set_state" name="state"> 
    <option value="" selected="selected"></option> 
    <option value="">None</option> 
    <option value="AL">AL</option> 
    <option value="AK">AK</option> 
    <option value="AZ">AZ</option> 
    <option value="AR">AR</option> 
    <option value="CA">CA</option> 
    <option value="CO">CO</option> 
    <option value="CT">CT</option> 
    <!-- no need to post them all here --> 
</select> 
</body>

, 작동,하지만 난 $.cookie 기능이 동작하지 않습니다 ... 무엇을 내가 틀렸어?

출처

2012-07-02 JROB

당신은 당신이 문제가 기능 "작업"을 받고, 정확하게 무엇을하는 데 문제가 말할 때 잘못 됐어? 쿠키가 설정되지 않았다는 뜻입니까? 확실한? (Check in Firebug/Dragonfly) – Utkanos

예, var를 사용하지 않고 수동으로 값을 지정하더라도 쿠키가 전혀 설정되지 않습니다. – JROB

네이티브 JS를 통해 설정해보십시오. 쿠키를 설정하기 위해 $ .cookie 플러그인을 사용한다면 사이트의로드 가중치에 불필요하고 경박 한 영향을 줄 것입니다. – Utkanos

여기에 jQuery 쿠키 플러그인을 사용하여 쿠키를 설정하는 전체 예제가 나와 있습니다.

HTML :

<head> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> 
<script type='text/javascript' src='http://codebins.com/userUploads/3/jquery.cookie.js'></script> 
</head> 
<body> 
    <select id="set_state" name="state"> 
     <option value="" selected="selected"></option> 
     <option value="">None</option> 
     <option value="AL">AL</option> 
     <option value="AK">AK</option> 
     <option value="AZ">AZ</option> 
     <option value="AR">AR</option> 
     <option value="CA">CA</option> 
     <option value="CO">CO</option> 
     <option value="CT">CT</option> 
     <!-- no need to post them all here --> 
    </select> 
    <input type="button" id="btncookie" value="get cookie" /> 
    <input type="button" id="btndelcookie" value="delete cookie" /> 
</body>

JQuery와 : codebins에 위의 예

$(document).ready(function() { 
    $("#set_state").change(function() { 
     var theState = $(this).val(); 
     $.cookie('set_state', theState, { 
      expires: 5, 
      path: '/' 
     }); 
    }); 
    $("#btncookie").click(function() { 
     alert("Your Selected Value from Cookie is : " + $.cookie('set_state')); 
    }); 
    $("#btndelcookie").click(function() { 
     $.cookie('set_state', '', { 
     expires: -1 
     }); 
     $("#set_state").val(""); 
     alert('Cookie is deleted now, try to get cookie..!'); 
    }); 
});

시도 : http://codebins.com/codes/home/4ldqpc6

출처

2012-07-02 15:31:13 gaurang171

jQuery를 사용하여 쿠키를 설정하는 데 문제가 있습니다.

답변

관련 문제