Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 页面加载后立即再次加载页面_Javascript_Jquery_Html - Fatal编程技术网

Javascript 页面加载后立即再次加载页面

Javascript 页面加载后立即再次加载页面,javascript,jquery,html,Javascript,Jquery,Html,我是JS新手,我的网页有一个很奇怪的问题。 在页面的某些部分,有一些图像在jQuery中编写的鼠标上具有放大效果。问题是,为了查看放大效果,需要再次加载页面。它不会在第一次加载页面时显示 现在,标签和jQuery库的引用链接位于标签下方页面的按钮处。如果我将它们移动到页面顶部,则放大效果根本不起作用 有人知道如何解决这个问题吗?是什么引起的? 如果没有,有什么方法可以立即再次加载页面?我知道这不是一种优雅的方式,但如果我没有其他解决方案,我会这么做 谢谢 JQuery 修复问题比刷新页面要好,但

我是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;
}