如何在屏幕上追加div调整大小
如何在屏幕上追加div调整大小
提问于 2013-05-25 18:36:15
我想在达到特定屏幕尺寸时替换div位置，比如css媒体查询。我试过了，但在获取屏幕尺寸时遇到了一些问题。这是我到目前为止所做的事情。
http://jsbin.com/izize3/60/edit
$(window).resize(function () {
var width = $(window).width();
if (width >= 768 || width <= 979) {
$('#div1').appendTo('#container');
} else if (width > 979) {
alert("else if is executed");
$('#div2').appendTo('#container');
} else {
alert("Default else");
}
});回答 1
Stack Overflow用户
发布于 2013-05-25 18:45:16
因为您在第一个if语句中使用：
if (width >= 768 || width <= 979)任何宽度> 768都会通过此条件。
您应该改用：
if (width >= 768 && width <= 979)顺便说一句，请考虑使用console.log()而不是alert()进行调试。
http://jsbin.com/izize3/73/edit
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16748698
复制相关文章
相似问题
腾讯云开发者
