Jquery 函数工作窗口调整大小

这是我的密码

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

它是好的，但我想工作这个功能体大小和页面刷新。怎么做？

试试这个

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

更多信息：

如果您还需要执行一次（无显式调整大小操作），请链接

trigger（）

方法

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

由于您的目标是DOM元素

$（'.freeshipping'）

，请确保在domready事件中包装此代码段

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

更新：调用函数一次：

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

   return arguments.callee;
})());​

---

好的，大家都回答了这个问题，这很好，但是！ 以下是另一个示例：

    //store temporarily the existing method
    var resize = $.fn.resize;

    //overwrite $(window).resize with your method
    $(window).resize(function () {

        //here you do your stuff
        stuff.setWidth(param);

        //call the original
        resize;
    });

不同之处在于您已经有了一个

$（窗口）.resize（函数（）{/*…*/}）方法，您不想失去它，只是为了扩展它。
我在编写自己的jQuery插件时遇到过这个问题。我不得不考虑用户/开发人员添加的现有的$（window）.Rsisie（）方法。这样我就可以保留它，并运行更新我自己插件所需的方法/功能。
谢谢，当我刷新页面时，还需要使用此功能，我会喜欢这一个，这一个正在进行交互并有大脑支持！=）很好的解决方案@Engineer！=）我喜欢这些自调用匿名函数，尽管当它们很多的时候，很难维护它们，但是想法很好！=）@benqus感谢您的意见。保持UI和内存不受“不经常运行”方法的影响。我从其他地方获得了代码，现在它可以正常工作，页面刷新和调整大小，无论如何感谢您的帮助，如果想看到代码，请问我，再次感谢Hanks，在我刷新页面时也需要使用此功能，谢谢，在刷新页面时还需要使用此功能使用F.Calderan代码触发事件谢谢，在刷新页面时也需要使用此功能，清楚吗？刷新页面时，您丢失了（现有）数据。如果愿意，可以将其存储在cookie中，如果浏览器支持，也可以将其存储在localStorage（HTML5解决方案，key>value数组）中。或者将其存储在服务器端的数据库中（如果有的话），当页面加载时，查询它。
    //store temporarily the existing method
    var resize = $.fn.resize;

    //overwrite $(window).resize with your method
    $(window).resize(function () {

        //here you do your stuff
        stuff.setWidth(param);

        //call the original
        resize;
    });