Question

I have two pages, p1.html and p2.html with jQuery Mobile.

There is some links in p1.html, and all links are navigating to p2.html but with a little difference.

I want to pass an int parameter to p2.html javascript (for example, link number), So a javascript code in p2.html, make little changes to itself based on the int parameter (Before transition starts).

I want to use Ajax navigation feature and Transitions of jQuery Mobile, And I don’t want use page anchors (p2.html#6).

How to send that parameter to p2.html?

Answer 1

Can you use cookies to save the relevant information?

Get the cookie jquery plugin.

p1.html

<a href="p2.html" data-p2data="1">Link 1</a>
<a href="p2.html" data-p2data="2">Link 2</a>
<script type="text/javascript">
$(document).ready(function(){
    $('a[data-p2data]').click(function(){
        $.cookie('p2data', $(this).data('p2data'));
    }
}
</script>

p2.html

<script type="text/javascript">
    var p2data = $.cookie('p2data');
    // .. process the page based on the value in p2data.
</script>