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


});