如何創建一個jQuery cookie？

Question

所以，如果你去我staging server你會看到一個小教程，我一直在使用this tool.

但補充說，如果你點擊申請或任何其他頁面就此而言，本教程將繼續彈出。那麼，我如何創建一個cookie，以便每個用戶只顯示一次？我試過jquery cookie，雖然，不知道如何讓它工作。

這是我做過什麼：

1. Copied jquery.cookie.js into assets/javascript/jquery.cookie.js 
2. Created a new file called cookie.js 
3. Added this arbitrary code: $.cookie(guider, true); 

記住現在光禿禿的，我真的不知道我有什麼代碼放在cookie.js使其添加一個cookie的guiders.js工具。所以，指導者只會顯示一次。

我們如何得到它的工作？每個用戶只能顯示一次。

Guiders.js代碼：

guiders.createGuider({ 
    buttons: [{ name: 'Next' }] 
, description: 'Follow this short 7 tip tutorial and learn how to get the most out of Leap. It will only take a few minutes :)' 
, id: 'first' 
, next: 'second' 
, overlay: true 
, title: 'Welcome to LeapFM! Mini Tutorial:' 
}).show(); 

guiders.createGuider({ 
    attachTo: '.title' 
, buttons: [{name: 'Close'}, {name: 'Next'}] 
, description: 'The number of leaps a song gets determines how high it will rank on the charts. A song with more leaps will rank higher than a song with less leaps.' 
, id: 'second' 
, next: 'third' 
, position: 7 
, title: 'Tip 1. Ranking system:' 
}); 

guiders.createGuider({ 
    attachTo: '.arrow' 
, buttons: [{name: 'Close'}, {name: 'Next'}] 
, description: 'To add a leap to a song simply hit the up arrow. You must be logged in to add 1 leap. Users can only add 1 leap per song.' 
, id: 'third' 
, next: 'fourth' 
, position: 2 
, title: 'Tip 2. Adding leaps:' 
}); 

guiders.createGuider({ 
    attachTo: '.title' 
, buttons: [{name: 'Close'}, {name: 'Next'}] 
, description: 'You can view the songs genres within the parentheses' 
, id: 'fourth' 
, next: 'fifth' 
, position: 6 
, title: 'Tip 3. Genres:' 
}); 


guiders.createGuider({ 
    attachTo: '.song' 
, buttons: [{name: 'Close'}, {name: 'Next'}] 
, description: "By clicking the song title you can listen to the song, comment on it and share it with the social media buttons. But dont't do it yet, lets finish the tutorial first!" 
, id: 'fifth' 
, next: 'sixth' 
, position: 7 
, title: 'Tip 4. Listening to songs:' 
}); 

guiders.createGuider({ 
    attachTo: '#query' 
, buttons: [{name: 'Close'}, {name: 'Next'}] 
, description: 'You can search songs by genre, title or artist.' 
, id: 'sixth' 
, next: 'seventh' 
, position: 5 
, title: 'Tip 5. Search:' 
}); 

guiders.createGuider({ 
    attachTo: '.left' 
, buttons: [{name: 'Close'}, {name: 'Next'}] 
, description: 'You must be logged in to submit a song. LeapFM only accepts YouTube urls so your song must first be on YouTube.' 
, id: 'seventh' 
, next: 'eigth' 
, position: 7 
, title: 'Tip 6. Submit a song:' 
}); 

guiders.createGuider({ 
    attachTo: '.newsongs' 
, buttons: [{name: 'Close'}, {name: 'Next'}] 
, description: "By clicking 'New songs' you will be able to view the songs from upload date (newest to oldest). Where as the default page displays songs by leap/rank." 
, id: 'eigth' 
, next: 'ninth' 
, position: 7 
, title: 'Tip 7. Newest to oldest:' 
}); 

guiders.createGuider({ 
    attachTo: '.signup' 
, buttons: [{name: 'Close'}] 
, description: 'Sign up and start participating :)' 
, id: 'ninth' 
, next: 'tenth' 
, position: 5 
, title: 'Call to action!' 
}); 

Answer 1

播放與jQuery和cookie是非常簡單的。嘗試執行如下：

// set cookie 
$.cookie('my_cookie_name', 'value inside of it'); 

// get cookie 
alert($.cookie('my_cookie_name')); 

// delete cookie 
$.cookie('my_cookie_name', null); 

祝你好運。