当页面来回跨越特定分辨率一次时,如何触发刷新/重新加载
How to trigger a refresh/reload when a page crosses a certain resolution back and forth only once
我有一个页面 www.redpeppermedia.in/tc24_beta/它在980px
分辨率下工作正常,但是当您将其降低到768px
时,CSS和媒体查询会更改它的布局,但是一旦您进入768px
并刷新页面,一切都会像我想要的那样,布局会自行修复。现在,如果您尝试将其大小调整为超过 768px
,则需要再次刷新,以便布局修复。
我的意思是有没有更好的方法可以做到这一点...或者任何人都可以帮我做这个刷新和重新加载的事情。.
非常感谢你,虽然:)
$( window ).width()在jquery中浏览window.resize
:
var old_size = $( window ).width();
$( window ).resize(function() {
if(old_size > 768 && $( window ).width() < 768){
window.location.reload();
}
old_size = $( window ).width();
});
我发现了这个惊人的脚本来完成我的工作:
$(document).ready(function(){
var ww = $(window).width();
var limit = 768;
function refresh() {
ww = $(window).width();
var w = ww<limit ? (location.reload(true)) : ( ww>limit ? (location.reload(true)) : ww=limit );
}
var tOut;
$(window).resize(function() {
var resW = $(window).width();
clearTimeout(tOut);
if ((ww>limit && resW<limit) || (ww<limit && resW>limit) ) {
tOut = setTimeout(refresh, 100);
}
});
});
相关文章:
- 触发媒体查询断点时刷新页面
- 在页面刷新时,不会触发重要滚动航路点(如果不在页面顶部)
- 触发单选按钮单击,并在页面刷新时记住选择
- 当至少有一个用户触发事件而不刷新页面时,更改所有用户页面中的内容
- 使用enter提交表单,而不触发页面刷新
- JS/AJAX:提交时不刷新或按钮单击不触发输入
- HTML-JavaScript:每当触发事件时,页面都会刷新
- 在触发请求之前刷新侦听器中的令牌
- 在浏览器返回时触发事件,并使用新 url 强制刷新或重新加载页面
- Javascript 当我们用户尝试退出或刷新页面时如何触发函数
- 如何在不刷新 WebForms 页面的情况下在服务器上触发事件
- 当页面来回跨越特定分辨率一次时,如何触发刷新/重新加载
- JQuery 函数在页面加载时未触发,它仅在我刷新页面或再次重新访问同一页面后才能工作
- 在窗口大小调整时刷新或触发 JavaScript
- 如何在使用javascript自动刷新时自动刷新不触发关闭警报的网页
- 弹出窗口触发操作后视图未刷新
- 使用AJAX通过HTML选择触发的JavaScript刷新网页
- jQuery-悬停以在刷新时触发悬停/鼠标悬停
- Waypoints赢得't在刷新后触发目标元素上方
- 在不刷新页面的情况下触发每个auth登录过程(facebookauth)