javascript - 获取窗口宽度javascript

标签 javascript jquery

我正在尝试测量当前视口(viewport)的宽度以设置变量thisWidth,但得到“未定义”

var thisWidth;
var browserWidth = $(window).width();

if(browserWidth > 590){
    var thisWidth= 180;
} else if(browserWidth > 350){
    var thisWidth= 150;
}

alert(thisWidth); // undefined??

有更好的方法吗?

我这样做的原因是根据视口(viewport)宽度更改宽度变量(thisWidth),无论它是移动还是其他。

更新 - 已解决 问题是,它在完成加载之前正在测量!因此,最终宽度为 360,低于 350 - 实际上很奇怪

最佳答案

执行“jQuery Ready”中的代码:

$(函数(){ //这里是你的代码 })

关于javascript - 获取窗口宽度javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22126384/

相关文章:

javascript - grunt 服务删除了 yeoman 生成器 Angular 应用程序依赖项

javascript - jQuery $.get 不工作(未找到 404)

jquery - 奇怪的 CSS/图像问题

php - 如何保护jquery ajax调用使用的php页面

javascript - 使用 javascript 将子项附加到 div

javascript - 比较 jquery timepicker 值

c# - 即使 html 显示正确,Javascript 函数也会发送错误的值

jquery - 在文本框中键入内容之前,占位符应该可见

javascript - Materialize css select 无法处理 JS 错误

javascript - 使用 PhoneGap 时从 iframe 调用父 jQuery 函数