Jquery Cookie显示/隐藏

Question

我使用的是carhart的jquery cookie插件，我写这段代码是为了在点击#bounceStart时显示/隐藏#bounceBar。然而，它不起作用。我做错了什么？

此错误显示在控制台上：

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集/unset（不确定）执行一些逻辑。。。希望这能有所帮助。。

$(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(); 
        }

});