用jStore代替Cookies实现客户端存储

...
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jStore/jquery.jstore-all.js" type="text/javascript"></script>
<script src="custom.js" type="text/javascript"></script>
...
 
<div id="votes" class="votes-php">
        <a onclick="return vote(1);" href="/">想学</a>
        <a onclick="return vote(2);" href="/">菜鸟</a>
        <a onclick="return vote(3);" href="/">老鸟</a>
</div>
...

//当前技术
var tech;
// First, we must tell jStore where to find the HTMLfile which embeds our flash script.
// If you move the jStore.swf or jStore.Flash.html files out of their default directories (document root),
// use this variable to define where to access the .html file. Within the .html file, you can set up the
// path to the .swf file.
// Then, set up the default engine we wish to use.
jQuery.extend(jQuery.jStore.defaults, {
	project: 'Luin-Demo',
	engine: 'flash',
	flash: '/scripts/lib/jStore/jStore.Flash.html'
}) 
 
// Next, we need to wait for jStore to prepare the storage engine
jQuery.jStore.ready(function(engine){
	jQuery.jStore.flashReady(function(){
		// Finally, we need to wait for the storage engine to be ready.
		// Once this function is called, you can use the jStore interface synchronously
		engine.ready(function(){
			var engine = this; 
 
			tech = $('#votes').attr('class').replace('votes-', '');
 
			var hh = engine.get(tech);
			if(hh) {hideVoteCdLink(hh);}
		})
	})
});  
 
// Finally, we trigger jStore's load function. This is a new step in the
// activation procedure of jStore, since Version 1.1
$(function(){
	//!!!
	jQuery.jStore.load();
}); 
 
function vote(v)
{
    //$.get('/technology/mark?type=nd&t=' + tech + '&value=' + v);
    hideVoteCdLink(v);
    jQuery.jStore.set(tech, v);
	return false;
}
 
function hideVoteCdLink(v)
{
	var cd;
	if(v == 1) cd = "想学";
	else if(v == 2) cd = "菜鸟";
	else if(v == 3) cd = "老鸟";
	$('#votes').html(cd + ' , <a onclick="return changeVoteCdLink()" href="#">修改</a>');
}
function changeVoteCdLink()
{
	$('#votes').html('<a onclick="return vote(1);" href="/">想学</a> <a onclick="return vote(2);" href="/">菜鸟</a> <a onclick="return vote(3);" href="/">老鸟</a> ');
	return false;
}