jquery mobile parameter passing using change page

Question

i have in jquery mobile when i passing parameter using change page.

$("#mytest-listview div.mytest-title a").live('click', function (event,data) {
    var cid = $(this).attr('id');
    console.log(cid);

    $.mobile.changePage('../mytestdetail/',{ type: "get", data: {"id":cid} , reloadPage:false, changeHash:true });

    $('#pgMyTestDetail').live('pageshow', function(){
        var id = $.urlParam('id');
        doLoadMyTest(id);

    });

    $.urlParam = function(name){
        var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
        return results[1] || 0;
    }
    event.preventDefault();

});

when i click on mytest title it pass the id of mytest to url and then i get the id value and show the all detail of mytest. here is url /test/testdetail/?id=26 , but when i get test detail page and i hit the ctrl+R it refresh the page but not show the test detail. whats the problem?

If you're still having trouble with this, my plug-in might help — Cameron Askew
– Cameron Askew, Commented Apr 4, 2014 at 21:59

Fernando Correia · Accepted Answer · 2014-04-05 00:06:37Z

1

As of version 1.4, jQuery Mobile does not support page parameters. For version 1.5, the roadmap includes "Hash/query params according specs".

A workaround would be to use a custom router such as Cameron Askew's paramsHandler.

Other router options include jquerymobile-router, which at the time of writing is not up-to-date with jQuery Mobile 1.4, or Backbone's router, which could require extensive integration to support jQuery Mobile's features.

Alternatively, click and vclick events can be intercepted and directly handled to add parameter support, e.g. saving the parameters in a variable before the page transition.

edited Apr 5, 2014 at 0:06

answered Mar 14, 2014 at 22:24

Fernando Correia

22.5k14 gold badges87 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cameron Askew Over a year ago

I think those router's may be out of date. I recently created a plug-in for jQM 1.4

user3070411 · Accepted Answer · 2014-03-17 08:06:26Z

0

    $("#mytest-listview div.mytest-title a").live("click", function (e) {
            e.preventDefault();
            var cid = $(this).attr('id');
            console.log(cid);
            $.mobile.changePage('../mytestdetail/', { type: "get", data: {"id": cid}, reloadPage: false, changeHash: true });


        });
    //});

    $(document).on("pageinit", "#pgTestDetail", function (e) {
        var cid = (($(this).data("url").indexOf("?") > 0) ? $(this).data("url") : window.location.href ).replace(/.*id=/, "");
        doLoadTest(cid);


I write above code and its works great even refresh the page using ctrl+r.

answered Mar 17, 2014 at 8:06

user3070411

197 bronze badges

Collectives™ on Stack Overflow

jquery mobile parameter passing using change page

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related