jquery의 onload 함수가 새로 고침 작업을하지 않습니다.

jquery를 처음 사용합니다. 나는 간단한 프로젝트를 가지고있다. 두 그림을 서로 위에 쌓인. 페이지에서 두 번째 그림을 먼저 표시하고 (따라서 특정 스크롤 지점에서 페이지를 시작해야 함) 사용자가 첫 번째 그림까지 스크롤 할 수있게하려고합니다. 그래서 코드는jquery의 onload 함수가 새로 고침 작업을하지 않습니다.

HTML처럼 뭔가를 갈 것 :

!DOCTYPE html> 
<html> 
<head> 
    <title>test</title> 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    <script type="text/javascript" src="jquery.js"></script> 
</head> 
<body> 
     <div id="mainPage" width="100%"> 
      <img id="top" src="pic1.jpg" width="100%"> 
      <img id="bottom" src="pic2.jpg" width="100%"> 
     </div> 
</body> 
    <script type="text/javascript" src="script.js"></script> 
</html>

CSS :

body { 
    margin: 0px; 
    padding: 0px; 
} 

#top { 
    display: block; 
} 

#bottom { 
    display: block; 
}

자바 스크립트

window.onload = function() { 
scroll(0, 2300); 
}

처음 페이지를로드하지만 아무튼 때 작동 페이지를 새로 고치면 작동하지 않습니다 (캐시와 관련이 있기 때문에 가정합니다). 페이지를 새로 고칠 때도 onload 함수를 작동하게하려면 어떻게해야합니까? 시간 내 줘서 고마워.

출처

2016-10-31 Paul

몸에 온로드 함수를 호출 <몸의 온로드 "하여 myFunction()" > –

당신이 왜 $(document).ready()

$(document).ready(function(){ 
 
    $(window).scrollTop(3000); 
 
}); 
 
$(window).unload(function(){ 
 
    $(window).scrollTop(3000); 
 
})

body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 
#top { 
 
    display: block; 
 
} 
 
#bottom { 
 
    display: block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="mainPage" width="100%"> 
 
    <img id="top" src="http://drkeyurparmar.com/wp-content/uploads/2015/02/dummy-article-img-1.jpg" width="100%"> 
 
    <img id="bottom" src="http://drkeyurparmar.com/wp-content/uploads/2015/02/dummy-article-img-1.jpg" width="100%"> 
 
</div>

출처

2016-10-31 10:19:02

나는 똑같은 대답을 쓰고 있었다 : D –

안녕, 고마워, 나는 그것을 시도했지만 prolem을 소홀히하지 않을 것이다. 이전과 마찬가지로 처음 작동하지만 페이지를 새로 고침하면 작동하지 않습니다. – Paul

그러면'unload()'도 시도 할 수 있습니다. –

load에 기능이 유형을 사용하지 않는 jq를 사용하는 경우 페이지로드 순간과 beforeunload는 새로 고침 페이지 순간

$(window).on("load",function() {   
    scroll(0, 2300); 
}); 
$(window).on("beforeunload",function() {   
    scroll(0, 2300); 
});

출처

2016-10-31 10:35:53

처음 작동하는 경우 코드는 다음과 같습니다. 케이. 하지만 페이지 캐시를 강제로 삭제해야하는 것 같습니다.

이 옵션을 시도해보십시오

당신의 머리에이 메타 태그를 추가하고 그것을 시도를 제공합니다.

<meta http-equiv="Cache-control" content="no-cache"> 
<meta http-equiv="Expires" content="-1">

당신은 캐시 삭제, 당신은 간단한 JS 함수를 만드는 시도 할 수 있습니다 JS에 의해 제어하려면 =

deleteCache(){ 
    window.location = window.location.href+'?eraseCache=true'; 
}

출처

2016-10-31 10:46:20

jquery의 onload 함수가 새로 고침 작업을하지 않습니다.

답변

관련 문제