Phonegap Jquery Mobile Saving Data to Phone

Question

Im trying something simple below. I want to accept user input for their name click a button save it and when the app loads a second time it displays the name. Where am I going wrong below? Do i need to put this code block somewhere else? ``` ``` Full html file ```

Accepted Answer

Yes, you need to place the button click event hookup in the `pageinit` event - they even specify this in the docs

```
$(document).on("pageinit","#newpage",function(){
    $('#saveButton').click(function() {
        localStorage.setItem("name", $('#name').val());
    });
});

$(document).on('pageshow','#newpage', function() {
    var personName = localStorage.getItem("name");
    if(personName.length>0){
            $('#name').val(personName);
    }
});
```

For iOS device testing: In case your changes do not reflect on your device, make sure to `touch` your files before you deploy. Phonegap's default project template already does this, but their command does not work for me. See my answer: https://stackoverflow.com/a/12707386/561545

Phonegap Jquery Mobile Saving Data to Phone

Solution

Problem

Related problems