Php 使用jQuery设置cookie时遇到问题
我正在尝试使用选择框选项的值设置cookie。我使用的jquery.cookie.js插件位于:Php 使用jQuery设置cookie时遇到问题,php,jquery,html,cookies,setcookie,Php,Jquery,Html,Cookies,Setcookie,我正在尝试使用选择框选项的值设置cookie。我使用的jquery.cookie.js插件位于: $(文档).ready(函数(){ $(“#设置#状态”).change(函数(){ var theState=$(this.val(); $.cookie('set_state',状态,{expires:5,path:'/'}); }); }); 没有一个 艾尔 AK 阿兹 应收账 加利福尼亚州 一氧化碳 计算机断层扫描 如果我使用一个警报框来显示变量theState,它可以工作,但是我无法让
$(文档).ready(函数(){
$(“#设置#状态”).change(函数(){
var theState=$(this.val();
$.cookie('set_state',状态,{expires:5,path:'/'});
});
});
没有一个
艾尔
AK
阿兹
应收账
加利福尼亚州
一氧化碳
计算机断层扫描
如果我使用一个警报框来显示变量
theState
,它可以工作,但是我无法让$.cookie
函数工作。。。我做错了什么?这里是使用jQuery cookie插件设置cookie的完整示例
HTML:
在codebins上试试上面的例子:当你说你很难让函数“工作”时,到底出了什么问题?你的意思是饼干还没做好?当然(检查Firebug/Dragonfly)是的,cookie根本没有被设置,即使我手动指定了一个值(不使用var)。尝试通过原生JS设置它。如果您只是使用$.cookie插件来设置cookie,那么这可能会对站点的负载重量造成不必要的、琐碎的影响。@Utkanos-当在jscompress.com上缩小时,cookie插件只有约700字节;这是无关紧要的(当然,除非加载了单独的请求)@JohnRobinson-您的浏览器的JS控制台是否碰巧显示了任何错误?
<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>
<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>
$(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..!');
});
});