JQUERY - ページの更新時に動的な追加ボタンが消える

Question

ダイナミックにa hrefを追加すると、ページの更新時にhrefがすべて追加されなくなります。これは正常なのでしょうか、それとも私はそれを保存して、追加されたリンクが消えないようにします。これを達成するための最良の方法は何か

 $(document).on('click', 'li#order', function(){ 
 
        
 
        $(this).before('<li><a href="Franchise-Rest-Details.php">HO</a></li>'); 
 
         
 
        // add to localsorage? 
 
        window.onload = function(){ 
 
        } 
 
        var order_open = $('div#Rest').html(); 
 
        localStorage.setItem('div#Rest', order_open); 
 
       }); 
 
       
 
      

  <!--Restaurant toggle --> 
 
      <a id="restt" class ="header"href="#" onclick="toggleVisibility('Rest');"><h3>Your Restaurants</h3></a> 
 
      <div id="Rest" style="display: none;"><div> 
 

 
        <ul class="tabs"> 
 
         <li id="order" class="rred"><a class="sb" href="Franchise-account-orders.php">restaurant</a></li> 
 
         <li id="order" class="rgreen"><link class="sb">New restaurant</a></li> 
 

 
        </ul> 
 

 
       </div> 
 
      </div>

。

refsは正常に追加されますが、リフレッシュ時には保持されません。

Answer 1

バックエンドのタグ情報を保存するフラグを使用することも、フロントエンドでcookieを使用してahrefタグコードの実行後にページをリフレッシュしてahrefタグが消えないことを確認することもできます。

希望する場合は、このコードを追加します。