jqueryのonload関数が更新時に機能しない

jqueryを初めて使用しています。私は単純なプロジェクトを持っています。 2枚の写真が重ねて積み重ねられています。私は、最初に2番目の画像を表示するようにページを設定します（したがって、ページは特定のスクロールポイントで開始する必要があります）。その後、ユーザーは最初の画像までスクロールできます。私は最初のページをロードする際にこれは動作しますが、それはdoesnのjqueryのonload関数が更新時に機能しない

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

#top { 
    display: block; 
} 

#bottom { 
    display: block; 
}

はJavaScript

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

：

!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：だからコードは、その

htmlのようなものになるだろう私はページをリフレッシュすると動作しません（キャッシュと何か関係があると仮定します）。ページをリフレッシュしたときにもonload関数を機能させるにはどうすればよいですか？御時間ありがとうございます。

出典

2016-10-31 Paul

ボディのonloadは=「MyFunctionを（）」<ボディであなたのonload関数を呼び出します> –

あなたは$(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 –

こんにちは、これを試してみましたが、それはプロレムを沸かせません。前と同じように、初めて動作しますが、ページを更新すると動作しません。 – 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

初めての場合は、コードはoですk。しかし、あなたはページキャッシュを削除するように強制しなければならないようです。

は、このオプションを試してみてください：

は、あなたの頭に、このメタタグを追加し、それを試してみます。

<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関数が更新時に機能しない

答えて

関連する問題