首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在jquery中为对话框设置cookie?

如何在jquery中为对话框设置cookie?
EN

Stack Overflow用户
提问于 2015-06-04 13:01:09
回答 1查看 1.5K关注 0票数 2

代码语言:javascript
复制
//----------jquery.cookie.js begins-------------
/*!
 * jQuery Cookie Plugin v1.4.1
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright 2006, 2014 Klaus Hartl
 * Released under the MIT license
 */
(function (factory) {
	if (typeof define === 'function' && define.amd) {
		// AMD (Register as an anonymous module)
		define(['jquery'], factory);
	} else if (typeof exports === 'object') {
		// Node/CommonJS
		module.exports = factory(require('jquery'));
	} else {
		// Browser globals
		factory(jQuery);
	}
}(function ($) {

	var pluses = /\+/g;

	function encode(s) {
		return config.raw ? s : encodeURIComponent(s);
	}

	function decode(s) {
		return config.raw ? s : decodeURIComponent(s);
	}

	function stringifyCookieValue(value) {
		return encode(config.json ? JSON.stringify(value) : String(value));
	}

	function parseCookieValue(s) {
		if (s.indexOf('"') === 0) {
			// This is a quoted cookie as according to RFC2068, unescape...
			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
		}

		try {
			// Replace server-side written pluses with spaces.
			// If we can't decode the cookie, ignore it, it's unusable.
			// If we can't parse the cookie, ignore it, it's unusable.
			s = decodeURIComponent(s.replace(pluses, ' '));
			return config.json ? JSON.parse(s) : s;
		} catch(e) {}
	}

	function read(s, converter) {
		var value = config.raw ? s : parseCookieValue(s);
		return $.isFunction(converter) ? converter(value) : value;
	}

	var config = $.cookie = function (key, value, options) {

		// Write

		if (arguments.length > 1 && !$.isFunction(value)) {
			options = $.extend({}, config.defaults, options);

			if (typeof options.expires === 'number') {
				var days = options.expires, t = options.expires = new Date();
				t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
			}

			return (document.cookie = [
				encode(key), '=', stringifyCookieValue(value),
				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
				options.path    ? '; path=' + options.path : '',
				options.domain  ? '; domain=' + options.domain : '',
				options.secure  ? '; secure' : ''
			].join(''));
		}

		// Read

		var result = key ? undefined : {},
			// To prevent the for loop in the first place assign an empty array
			// in case there are no cookies at all. Also prevents odd result when
			// calling $.cookie().
			cookies = document.cookie ? document.cookie.split('; ') : [],
			i = 0,
			l = cookies.length;

		for (; i < l; i++) {
			var parts = cookies[i].split('='),
				name = decode(parts.shift()),
				cookie = parts.join('=');

			if (key === name) {
				// If second argument (value) is a function it's a converter...
				result = read(cookie, value);
				break;
			}

			// Prevent storing a cookie that we couldn't decode.
			if (!key && (cookie = read(cookie)) !== undefined) {
				result[name] = cookie;
			}
		}

		return result;
	};

	config.defaults = {};

	$.removeCookie = function (key, options) {
		// Must not alter options, thus extending a fresh object...
		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
		return !$.cookie(key);
	};

}));
//---------------jquery.cookie.js ends-----------
var $j = jQuery.noConflict(); 

$j(document).ready(function()
{
		
		$.cookie('the_cookie', 'the_value');
		var myCookie = $.cookie('the_cookie');
		alert(myCookie);
		
		$j('#popup_content').dialog
		(
		{
			modal:true,
			resizable:false,
			draggable:false,
			height: 525,
			width:475, 
			closeOnEscape: true,
		}
		);

});

	function setCookie(cname, cvalue, exdays) 
	{
		var d = new Date();
		d.setTime(d.getTime() + (exdays*24*60*60*1000));
		var expires = "expires="+d.toUTCString();
		document.cookie = cname + "=" + cvalue + "; " + expires;
	}

我希望我的对话框只打开一次,我可以通过向对话框中添加cookie来读取它。在搜索时,我获得了将cookies添加到对话框中的代码,但它无法工作。我不知道错误在哪里。我对jquery很陌生。我想要的是我的对话框只打开一次。

这是jquery.cookie.js的全部代码。

提前谢谢。:)

EN

回答 1

Stack Overflow用户

发布于 2015-06-04 13:58:24

请检查控制台中是否出现以下错误,

TypeError:$.cookie不是一个函数

如果是的话,请包括Cookie函数的jQuery库。

有关更多信息,请参见下面的链接,

$.cookie is not a function typeerror

尝试下面的代码,还包括jQuery对话框相关库,

代码语言:javascript
复制
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"> </script>

           <script type="text/javascript">
		  $(function() {
		  
		  $.cookie('showDialog', true); 
		  alert($.cookie('showDialog'));
		  
	if ($.cookie('showDialog') == undefined || $.cookie('showDialog') == null || $.cookie('showDialog') != 'false') 
		{

			$('#popup_content').dialog
			(
			{
				modal:true,
				resizable:false,
				draggable:false,
				height: 525,
				width:475, 
				closeOnEscape: true,
			}
			);
			$.cookie('showDialog', 'false', { expires: 1 }); // set the cookie, with expiry after 1 day
		}
		
		
		

	});
		   
		   </script>
</head>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30644526

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档