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设置/未设置做一些逻辑（不确定）...希望这有帮助......

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


});

Jquery Cookie显示/隐藏

1 个答案: