I was just reading the jQuery
.data() API reference. Beforehand, I speculated that it might work by assigning
'data-*' attributes to page elements; effectively a shortcut to
(1) Imagine it did work like this, though it seems it doesn't, and you switched from one jQuery Mobile page to another and then back again, would the
'data-*' attributes still be attached to the elements, or does jQM effectively reload from the downloaded HTML?
In the reference, however, the first comment on the page states that:
The data is not stored on the element. It's actually stored in
(2) Is this true?
(3) Does this persist across jQM page transitions? If I click on page 2 and ask
#bar is a div on page 1, what will happen?
Would you say it was preferable to use
.data('*','*') instead of
.attr('data-*','*') in the context of a jQM app, with all content in one HTML file, running on top of Cordova/PhoneGap in a situation where only
localStorage is available for extra-app storage?
Specific, yes. Slightly anal, yes.
Looking forward to your answers, yes.