为什么这在jsfiddle中有效，但在我的文档中却没有

我找到了一个很棒的jsfiddle，有人制作并希望在我的项目中使用它的一部分：

http://jsfiddle.net/manuel/29gtu/

它适用于jsfiddle，但不适用于我的HTML文档。 这是我的文件中的内容：

     $("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($("
").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($("
").attr("id", "item-"+item.id).html(item.icon)); } }​    
 
 save   

代码从小提琴中复制并粘贴。 我认为这与我没有本地存储插件有关。 为了让jsfiddle工作，我需要一些我缺少的外部插件吗？

Answer 1

你应该将整个代码包装在$(document).ready(function() {...});

所以。

注意

在jsfiddle onLoad模式中为你做这件事，即当你从左侧面板下拉选择onLoad时，所有js代码在DOM中出现所有资源后执行。

Answer 2

放入$(document).ready就像这样，也给出脚本标签的类型