Using the UI Slider to set background opacity in a theme switcher. I can see in the consolde the cookie value updates but doesn't save when i refresh the page.
- $(function() {
if ($.cookie('headOp')==null){
$.cookie('headOp',0.5);
}
$( "#op-slider-header" ).slider({
max: 1,
min: 0,
value: 0.5,
step:0.1,
slide: function(e,ui) {
$.cookie('headOp',ui.value);
$('#headerOpVal').html(ui.value);
}
});
$( "#op-slider-header" ).on( "slidestop", function( event, ui ) {
var val = $('#headerOpVal').html(ui.value);
$('.row.header .bg').css('opacity', ui.value);
$.cookie("headOp", ui.value, { expires: 7});
});
});