1

だから私はこのボタンを持っていて、クリックすると画像が表示されますが、ページが更新されると画像が消えてしまいます。ページが更新されても画像を保持するにはどうすればよいですか。

ここに私の画像表示機能があります:

<script>

function showImage()
 {
$("#loadingImage").show();      
 };

</script>

ここに私のボタンがあります：

<input name="Failure Analysis Lab"  style="white-space:normal;"    
onclick="moveText(this.name);showImage();form1.submit() " 
style="width: 272px; height: 30px;" type="button" 
value="7QKD Failure Analysis Lab" />
4

3 に答える 3

2

ボタンのクリックで、次のような Cookie を設定および取得できます。

$.cookie("showImage", true);

次に、次の操作を行います。

$(document).ready(function() 
{
    var image = $('#loadingImage');
    if($.cookie('showImage') {
        image.addClass('image-visible');
    } else {
        image.show();
    }
});

CSS

.image-visible {display: block}
于 2013-07-25T18:54:17.890 に答える
0

history.pushState()現在のページにハッシュまたはパラメーターを追加するために使用できます。ページがロードまたはリロードされると、存在を確認して最初に画像を表示できます

var hstate = {}; // state object you may or may not want to use
history.pushState( hstate, 'Page Title', '#img' );
// -- or --
history.pushState( hstate, 'Page Title', '?img=true' );

必要に応じて、最初に現在の URL を取得できるため、独自のパラメーターまたはハッシュを追加するときに既存のパラメーターまたはハッシュを保持できます。

別の質問で述べたように、古いブラウザをサポートするには、 History.jsなどのポリフィルを使用します。

于 2013-07-25T19:10:15.233 に答える