Her sayfa/url için eklenen html öğeleri tanımlama bilgisi dizisi alın ve alın

Question

Bir ilerleme işaretine (öğe) bir düzeltme işareti (öğe) ekleyen bir yer işareti işlevim var. Piyano, ilerleme çubuğunun genişliğine göre kesinlikle konumlandırılmış. Kullanıcı çoklu yer imleri ekleyebilir. Sonuç HTML; Ben yapmak istiyorum ne

<div class="progress-bar" style="width: 50%;"> 
    <div class="caret" style=" left:50%;"></div> 
    <div class="caret" style=" left:60%;"></div> 
</div> 

kullanıcı sayfayı yeniden ziyaret ettiğinde imleri yerinde olacak şekilde bir çerez bu imlerini kaydetme olduğunu.

Bu çözümü how to store an array in jquery cookie?

kullanarak temel kurulum var Ama saklamak ve kaydedilen imi elemanları ve nasıl imleri kaydedilir her sayfa/url için bunu yapmak bir dizi göstermek için nasıl olarak şaşırıp. https://jsfiddle.net/jabuka/spevhqxv/

Fiddle teşekkür ederiz.

Answer 1

Eğer bir diziye oluşturduğunuz her öğesi ekleyin, sonra böyle bir JSON nesnesine dönüştürmek ve yerel depolama depolamak:

var json = JSON.stringify(elems); 
localStorage.setItem('bookmarks', json); 

kullanıcı tekrar JSON sayfasını yükleyebilirsiniz sayfanızı zaman ve elemanları ekleyin:

İşte

elems = JSON.parse(localStorage.getItem('bookmarks')); 
for(var i in elems){ 
$('.progress-bar').append(elems[i]); 
} 

bir çalışma JSFiddle