Home/ Questions/Q 9216101
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T02:20:46+00:00

i have 2 pages, index.html and about.html index.html <!DOCTYPE html> <html> <head> <title>Page Title</title>

  • 0

i have 2 pages, index.html and about.html

index.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 
    ... load jquery and jquery mobile...
</head> 

<body> 
    <div data-role="page" id="index">
    ...content goes here...
        <a href="about.html?id=1"  data-role="button">about</a>
    </div>
</body>
</html>

and about.html has just the page data-role

<div data-role="page" id="about">
...content goes here...
</div>

the problem is that when i click on the link to go to the about page and i try to get the url string, well, it shows me index.html

window.location.toString();

or

$.mobile.activePage.data('url');

both return index.html instead of about.html?id=1

i understand that the about.html gets loaded into the index page, but how to grab that id??

any ideas?

thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    ChangePage method needs to be used to send parameters from one page to another:

    $(document).on('pagebeforeshow', '#index' ,function () {
    var parameters = $(this).data("url").split("?")[1];;
    parameter = parameters.replace("parameter=","");  
    alert(parameter);
});

    If you want to find out more take a look at this ARTICLE, to make it transparent it is my personal blog. Or it can be find HERE. Look for a chapter called: Data/Parameters manipulation between page transitions

    • 0