功能的工作窗口調整

Question

這是我的代碼

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

它是好的，但我想這個工作函數體調整大小和頁面清爽。怎麼樣？

Answer 1

$(window).on('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中的事件來包裝這個片段

Answer 2

試試這個

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

更多信息：http://api.jquery.com/resize/

Answer 3

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

UPDATE：來電功能一次：

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

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

Answer 4

好了，大家都已經回答了這個問題這是很好的，但是！ 這裏是另一個例子：

//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; 
    }); 

不同的是，你已經有了，你不想失去，只延長$(window).resize(function() { /* ... */ });方法。 我在編寫自己的jQuery插件時遇到了這個問題。我必須考慮用戶/開發人員添加的現有$（window）.resize（）方法。所以這樣我保留它並運行我需要更新自己的插件的方法/函數。