Почему это работает в jsfiddle, а не в моем документе
Я нашел замечательный jsfiddle, который кто-то сделал, и хотел использовать его часть в моем проекте:
http://jsfiddle.net/manuel/29gtu/
Он работает на jsfiddle, но не в моем HTML-документе. Вот что в моем документе:
<!DOCTYPE html>
<html>
<head>
<script src="scripts/jquery-1.7.2.js"></script>
<script>
$("button").click(function() {
var id = $("#id").val();
var text = "icon-"+id;
// update the result array
var result = JSON.parse(localStorage.getItem("result"));
if(result == null)
result = [];
result.push({id: id, icon: text});
// save the new result array
localStorage.setItem("result", JSON.stringify(result));
// append the new li
$("#bxs").append($("<li></li>").attr("id", "item-"+id).html(text));
});
// on init fill the ul
var result = JSON.parse(localStorage.getItem("result"));
if(result != null) {
for(var i=0;i<result.length;i++) {
var item = result[i];
$("#bxs").append($("<li></li>").attr("id", "item-"+item.id).html(item.icon));
}
}
</script>
</head>
<body>
<ul id="bxs" class="tabs">
</ul>
<input type="text" id="id" /><button>save</button>
</body>
</html>
Код копируется и вставляется из скрипки. Я думаю, что это связано с тем, что у меня нет плагина для локального хранилища. Чтобы этот jsfiddle работал, мне нужен какой-нибудь внешний плагин, который мне не хватает?