jeśli to ciasteczko! == null, zrób to - javascript, jquery, cookies, jquery-cookie

Miałem kilka problemów z wtyczkowym plikiem cookie jquery-carhartl ... tylko w związku z pojawieniem się stickyfooter ...

Chodzi o to, że istnieje stickfooter, który zawsze znajduje się na dole strony, jeśli jest zamknięty. Dość proste.

Tak więc kliknięcie krzyża uruchamia dwie rzeczy: aby ukryć div stickfooter i dołączyć cookie sesji.

W tej chwili wyskakuje na ułamek sekundy, a następnie ukrywa się w nieskończoność. Ale ciasteczko nie zostało jeszcze ustawione.

<script type="text/javascript">
jQuery(document).ready(function () {

if (jQuery.cookie("stickyNewsClosed") === null) {
jQuery(".stickyFooter").show();
}
if (jQuery.cookie("stickyNewsClosed") !== null) {
jQuery(".stickyFooter").hide();
}
});
</script>

<script type="text/javascript">
function closeSticky(){
jQuery(".stickyFooter").hide();
jQuery.cookie("stickyNewsClosed", "yup", {
path: "/"
});
}
</script>

Być może użyj metody jquery .css () zamiast .hide () / .show ()?

Odpowiedzi:

Cześć, proszę zobaczyć tutaj: http://plnkr.co/edit/yaXgcEsMuNaGu5dQJnL0?p=preview

jQuery(document).ready(function() {
console.log(jQuery.cookie("stickyNewsClosed"));
if (jQuery.cookie("stickyNewsClosed") === undefined) {
jQuery(".stickyFooter").show();
}
else if (jQuery.cookie("stickyNewsClosed") !== null) {
jQuery(".stickyFooter").hide();
}
});



function closeSticky() {

jQuery(".stickyFooter").hide();
jQuery.cookie("stickyNewsClosed", "yup", {
path: "/"
});
}