How to pass and get Parameters between two Pages in Jquery Mobile?

Question

I am working on a some demo App to learn things in Jquery Mobile. I have tried a lot of options but not able to get solution on a few things :-

1. http://jsfiddle

Answer 1

I came up with this simple approach...

First add custom HTML5 attributes to the elements on page 1 to hold the data to be passed. My attribute is named data-parm

    

        

        
one
        
two
        
three
        
    
   


    

        

    

In your javascript, create a click handler (or other type of handler) that selects the attribute and assigns the value to a variable which will be available for you on page 2.

For this example, I have added it to the html of a div that is on page 2.

$("a").on("click", function (event) {

   var parm = $(this).attr("data-parm");
   //do something here with parameter on page 2 (or any page in the dom)
   $("#showParmHere").html(parm);

});