然而,有人问了这个问题,并不是特别想达到我想要完成的效果......
我刚刚完成了 Javascript 课程,并为我的网站编写了一个小脚本。它使用 Gantry 框架,并且在移动设备上运行得非常好。
如果您使用手机,并且将手机水平放置,它会调整该页面的大小,如果您将手机转为垂直,它会再次调整页面的大小。
所以我写了这个
var cWIDTH = window.innerWidth;
if (cWIDTH < 640 ){
document.getElementById("swapme").style.backgroundImage = "url('/images/backgrounds/top-image2.jpg')";
}
但是,它不会即时更改,例如..如果我转动手机,除非我刷新页面,否则它不会改变背景。我一直在我网站上的文件中查找似乎对这种更改做出反应的 Ajax/jQuery/JSON 代码,因此我可以插入一个函数触发器。
但是,一旦页面加载,在您刷新页面之前是否已经设置了变量?
如何即时获取变量,并即时更改?