I'm working on a local html file, stored on a Win7 machine and opened in IE 9. This html file uses javascript and jStorage.
However, when I run, I get the error "SCRIPT5007: Unable to get value of the property 'set': object is null or undefined." This error points to the statement $.jStorage.set("Key", "Hello");
.
What am I doing wrong? I've made the html and javascript about as basic as I can, to narrow things down.
Here's the html:
<!DOCTYPE html> <html> <head> <title>Backlog Tracker</title> <script src="jquery-2.1.1.min.js"></script> <script src="json2.js"></script> <script src="jstorage.min.js"></script> <script src="backlog.js"></script> </head> <body> </body> </html>
... and, here's the script (referenced as "backlog.js" in the html):
$(document).ready(function(){ $("body").append("<button>Try It</button>"); $("button").click(function(){ $.jStorage.set("Key", "Hello"); console.log($.jStorage.get("Key")); }); });
As a side note, I've read other questions on SO, such as here, but nothing seems to explain this. Reference jStorage usage here, everything seems to be in order. I was originally pointed to jStorage thanks to this SO answer.