html - best way to reuse dynamic content in Jquery mobile -

html - best way to reuse dynamic content in Jquery mobile -

i have jquery mobile app need reuse same content. created html content , can append page no problem, need reuse same content keeping track of selected each time displayed.

it goes this...

a user selects type of service want.

from selection have default number of times need show dynamic content.

i load dynamic content, create selection. selection stored , used later in calculation.

i need reshow same dynamic content, changing text in label.

the user makes selection , 1 time again need store selected value used later.

what best way this? have looked on web ideas no luck. thanks

if page not reloaded during “lifecycle” of info container, can utilize global object. best attach global window object.

window.$myelementreference = $(#some-element);

if have several objects need accessed globally, can utilize little class manages stored objects you. this:

class="lang-javascript prettyprint-override">window.storagemanager = { _shelf : {}, has : function(key) { homecoming window.storagemanager._shelf[key] ? true : false; }, : function(key) { homecoming window.storagemanager._shelf[key] || null; }, set : function(key, value) { window.storagemanager._shelf[key] = value; } };

you can utilize this:

class="lang-javascript prettyprint-override">var mysettings = { foo: 'bar' }; window.storagemanager.put('mysettings', mysettings); // stores mysettings object // somewhere different var mysettings = window.storagemanager.get('mysettings'); // returns mysettings object

you can utilize on dom nodes created jquery:

class="lang-javascript prettyprint-override">var $myelem = $('#elem'); window.storagemanager.put('myelem, $myelem); // stores mysettings object var $referencetomyelem = window.storagemanager.get('myelem');

of course, it's not great coding toss dom nodes around in random places of code base. few cases, above code should helpful.

jquery html jquery-mobile