Question

This is my code

var bodyWidth = ($(document).width()/2);
console.log(bodyWidth);
$('.freeshipping').css('right',bodyWidth);

Its is fine , but i want work this function body resize and page refreshing . How?

Answer 1

$(window).on('resize', function() {
   var bodyWidth = ($(document).width()/2);
   console.log(bodyWidth);
   $('.freeshipping').css('right',bodyWidth);
});

and if you need to execute also once (without explicit resize action) chain the trigger() method

$(window).on('resize', function() {
   var bodyWidth = ($(document).width()/2);
   console.log(bodyWidth);
   $('.freeshipping').css('right',bodyWidth);
}).trigger('resize');

since you’re targeting a DOM element $('.freeshipping'), be sure to wrap this snippet at domready event