Jquery Cookie显示/隐藏

Question

我正在使用carhart的jquery cookie插件，并且我编写了此代码以显示/隐藏#bounceBar单击#bounceStart。但它不起作用。我究竟做错了什么？

此错误显示在控制台上：

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'cookie' 

代码：

$('#bounceStart').click(function() { 
    //$('#bounceBar').show(); 
    $.cookie('bounce', 'on'); 
}); 

$('#bounceBar #off').click(function() { 
    //$('#bounceBar').show(); 
    $.cookie('bounce', 'off'); 
}); 

var bounce_on = $.cookie('bounce') == 'on'; 
if(bounce_on) { 
    $('#bounceBar').show(); 
} else {    
    $('#bouncebar').hide(); 
} 

Answer 1

您正在尝试基于cookie的设置做一些逻辑/复位（不知道）......希望这帮助..

$(document).ready(function(){ 
$('#bounceStart').click(function() { 
      //$('#bounceBar').show(); 
      $.cookie('bounce', 'on'); 
     }); 

     $('#off').click(function() { //off can directly call,since it is an ID 
      //$('#bounceBar').show(); 
      $.cookie('bounce', 'off'); 
     }); 

     var bounce_on = $.cookie('bounce'); //or some method to get the cookie 
     if(bounce_on == 'on') { 
       $('#bounceBar').show(); 
     } 
     else { 
       $('#bouncebar').hide(); 
     } 


});