Javascript 页面加载后立即再次加载页面
我是JS新手,我的网页有一个很奇怪的问题。 在页面的某些部分,有一些图像在jQuery中编写的鼠标上具有放大效果。问题是,为了查看放大效果,需要再次加载页面。它不会在第一次加载页面时显示 现在,标签和jQuery库的引用链接位于标签下方页面的按钮处。如果我将它们移动到页面顶部,则放大效果根本不起作用 有人知道如何解决这个问题吗?是什么引起的? 如果没有,有什么方法可以立即再次加载页面?我知道这不是一种优雅的方式,但如果我没有其他解决方案,我会这么做 谢谢 JQueryJavascript 页面加载后立即再次加载页面,javascript,jquery,html,Javascript,Jquery,Html,我是JS新手,我的网页有一个很奇怪的问题。 在页面的某些部分,有一些图像在jQuery中编写的鼠标上具有放大效果。问题是,为了查看放大效果,需要再次加载页面。它不会在第一次加载页面时显示 现在,标签和jQuery库的引用链接位于标签下方页面的按钮处。如果我将它们移动到页面顶部,则放大效果根本不起作用 有人知道如何解决这个问题吗?是什么引起的? 如果没有,有什么方法可以立即再次加载页面?我知道这不是一种优雅的方式,但如果我没有其他解决方案,我会这么做 谢谢 JQuery 修复问题比刷新页面要好,但
修复问题比刷新页面要好,但是,要回答您的问题,可以使用GET参数刷新页面一次
var reloadKey = 'rl001';
var url = window.location.href;
testForReload();
function testForReload() {
if (url.indexOf('?') < 0) {
reloadPage();
return false;
}
var getParams = url.substr(url.lastIndexOf('?') + 1);
if (getParams.indexOf(reloadKey) < 0) {
reloadPage();
}
}
function reloadPage() {
var q = (url.indexOf('?') < 0) ? '?' : '&';
window.location = url + q + reloadKey;
}
请分享您的代码将脚本放在正文末尾,意思是在正文结尾标记之前,而不是之后。我不知道浏览器将如何解析不在正文中的脚本,我建议您将它们放在正文中。如果您仔细想想,加载后再次加载页面可能需要一些不理想的状态,或者您可能需要递归地重新加载页面。好的,谢谢。我把它们放在身体里,但问题还没有解决。你有没有控制台错误,伙计……你能把我们链接到这个网站吗?解决这个问题比刷新页面要好得多。
<div class="portItemContainer">
<div class="portItem">
<a href="Portfolio/index.html" target="_blank" class="zoom grey"><img src="Images/meals.png" alt="" /></a>
<h5>Meals APP</h5>
<h6>FRONTEND / UX / CREATIVE</h6>
<a href="Portfolio/index.html" target="_blank">Visit The Website</a>
<p>
some text
</p>
</div>
.zoom {
width:230px;
height:148px;
position:relative;
overflow:hidden;
border:1px solid #959595;
background: #fff url(../Images/loader.gif) no-repeat center;
}
.zoom img { display:none }
.zoomOverlay {
position:absolute;
top:0; left:0;
bottom:0; right:0;
display:none;
background-image:url(../Images/zoom.png);
background-repeat:no-repeat;
background-position:center;
}
var reloadKey = 'rl001';
var url = window.location.href;
testForReload();
function testForReload() {
if (url.indexOf('?') < 0) {
reloadPage();
return false;
}
var getParams = url.substr(url.lastIndexOf('?') + 1);
if (getParams.indexOf(reloadKey) < 0) {
reloadPage();
}
}
function reloadPage() {
var q = (url.indexOf('?') < 0) ? '?' : '&';
window.location = url + q + reloadKey;
}