调整浏览器大小时如何获取选定的div宽度

Question

我想根据以下算法获得选定的div宽度：

1. 如果用户调整浏览器大小，则根据调整浏览器div的值获得div宽度。

2. 如果用户不调整浏览器的大小，则通常会获得div宽度。

这是我的代码

jQuery(document).ready(function($) {

    if ($(window).resize) {
        var width = $('#main_header .wrapper').width($(window).resize);
    }
    else {
        var width = $('#main_header .wrapper').width;
    }

});

我的代码无效，请任何人都可以帮助我解决此问题。 谢谢

Answer 1

您使用if是问题所在。 尝试这个：

jQuery(document).ready(function($) {
  $(window).resize(function() {
    alert("$('#main_header .wrapper').width());
  })
});

$(window).resize将始终返回true，因为resize是一个jQuery函数。 该代码改为监视window以查看resize事件，并在事件发生时调用内部函数。

我没有填写内部函数，因为不清楚在调整大小后要发生什么。

Answer 2

这个小功能将获得#main_header .wrapper的宽度，并在调整大小时对其进行更新：

$(function() {
    var $wrapper = $('#main_header .wrapper');//the element we want to measure
    var wrapperWidth = $wrapper.width();//get its width    
    $wrapper.text(wrapperWidth);//dunno what you want to do with wrapperWidth but here im setting it as the text of .wrapper just so you can see the value changing
    //add resize listener
    $(window).resize(function() {
        wrapperWidth = $wrapper.width();//re-get the width
        $wrapper.text(wrapperWidth);//update the text value
    });
});

这是一个工作示例： http : //jsfiddle.net/5rZ4A/