2017-07-31 11 views
0

でページを訪問するまでコンテンツは見えません。のlocalStorageとDOM:私はこれがあなたが一番下にスクロールダウンしている場合、あなたはすべてが見えない気づくでしょう、<a href="http://mpoliasma.top" rel="nofollow noreferrer">website</a>あるセッター

enter image description here

あなたがセッターとpageを訪問し、ホームページに戻るときは、コンテンツが戻って来ているがわかります。ここで

は私のコードです:セッター(親ファイル)と

ページ:他のすべてのhtmlファイルに含ま

//code is at the end of the body of the page 

    localStorage.setItem("tit1",$('#r1c1Title').text()); 
    localStorage.setItem("tit2",$('#r1c2Title').text()); 

    localStorage.setItem("l1",document.getElementById("r1c1Link").href); 
    localStorage.setItem("l2",document.getElementById("r1c2Link").href); 

    localStorage.setItem("im1",$('#r1c1Image').attr('src')); 
    localStorage.setItem("im2",$('#r1c2Image').attr('src')); 

custom.js

//Retrieve Titles 
    var result = localStorage.getItem("tit1"); 
    var result2 = localStorage.getItem("tit2"); 

    //Retrieve Links 
    var r3= localStorage.getItem("l1"); 
    var r33= localStorage.getItem("l2"); 

    //Retrieve Image SRCs 
    var r4 = localStorage.getItem("im1"); 
    var r44 = localStorage.getItem("im2"); 



    //print titles 
    $("#ti1").html(result); 
    $("#ti2").html(result2); 

    //print links 
    $("#link1").attr("href", r3); 
    $("#link2").attr("href", r33); 

    //print images 
     $("#img1").attr("src",r4); 
     $("#img2").attr("src",r44); 

答えて

0

あなたが設定していませんインデックスページのストレージにある項目が他のページに表示されます。インデックスページでは、設定するのではなく項目を取得していると思われるcustom.jsを使用したばかりです。あなたが行っているフローは、インデックスページ(存在しない)からストレージからアイテムを取得し、次にアイテムを他のページからストレージに設定するだけです(もちろん、ユーザーはインデックスに行く2回目を見ることができますこのためにページしてください)。最初に項目を設定する必要があります。

+0

私はインデックスページにセッターを追加します。それは同じことです –

+0

@Eternalあなたはアイテムを最初に設定して取得すると、それ以外の場合は正常に動作するはずです –

+0

私は毎回その項目を設定すべきではありませんか?私は、コンテンツをつかみたいファイルの中にセッターを入れました。それから私は、もちろん、私ははい、それはのlocalStorage –

関連する問題

 関連する問題