2013-08-05 3 views
2

Я первый магазин HTML код локально, используя этот скрипт:Jquery .html() не работает с LocalStorage

queuehistory = $("#queue").html(); 
localStorage.setItem("queuehistory", queuehistory); 

При загрузке страницы, я запускаю скрипт, который определяет, если элемент LocalStorage был установлен:

if (localStorage.getItem("queuehistory")) 
{ 
    $("#queue").html(localStorage.getItem("queuehistory")); 
} 

Хотя localstorage установлен и существует, по какой-либо причине html-код не загружается в $ ("# queue").

Для тестирования я запустил этот бит кода:

if (localStorage.getItem("queuehistory")) 
{ 
    alert(localStorage.getItem("queuehistory")); 
    $("#queue").html(localStorage.getItem("queuehistory")); 
} 

localStorage.getItem, безусловно, не пусто, так что я понятия не имею, не кажется, почему этот бит кода, который будет работать. Сам накопитель работает, но загрузка моего локально хранимого html-кода в div не работает. Любая помощь будет принята с благодарностью.

+1

что возвращается 'alert (localStorage.getItem (" queuehistory ")); 'и работает ли он на dom ready –

+0

Проблема решена. Я заменяю ссылку на тестовую страницу, которую я предоставил по соображениям конфиденциальности. Благодаря! – Eggo

+0

alert (localStorage.getItem ("queuehistory")); возвращает то, что в настоящее время находится в очереди div. Он изменяется в зависимости от того, что находится в вашей очереди. Это может упростить ситуацию, если вы посмотрите на URL-адрес тестовой страницы, которую я предоставил. Благодаря! – Eggo

ответ

3

Поместите код в боковой йот готового обратного вызова

$(function(){ 
    if (localStorage.getItem("queuehistory")){ 
     alert(localStorage.getItem("queuehistory")); 
     $("#queue").html(localStorage.getItem("queuehistory")); 
    } 
}) 
+0

Большое вам спасибо! Это решило мою проблему. Я не могу поверить, что я пропустил это. – Eggo

1

LocalStorage только хранит строки, вы не можете сохранить элемент Dom. (он может работать с некоторыми браузерами, но он не входит в спецификацию, поэтому не используйте его таким образом)

+0

'typeof $ (" # some-element "). Html(); // 'string'' –

Смежные вопросы