jQuery Mobile navbar navigation

Question

I'm developing my first app using jQuery Mobile and I got a question (didn't find anything in the web). I'm using a navbar with 3 pages.

The first page shows some Wikipedia stuff inside an iframe (keep it in mind)! When I click on the second page (Approfondimenti), it shows a vertical menu with some elements that I can click.

What my jQuery function does (by clicking on one of the menu element in the second page) is to change the iframe 'src' to a new URL... but I don't know how to go back to the first page with my function so my app could show the URL change (don't want manual click on the first page to load iframe content).

Can you help me?

Here is my function:

$(document).on('click', '.a', function(e){ // here i already am in the second page
       var appr=$(this).attr('id'); //here i get the URL from second page, i stored them in the elements id
   $('#iframe').attr('src',appr); //here i set new URL 
       //HERE WHAT TO DO????????
    });

enter image description here

$(document).on('click', '.a', function(e){ e.preventDefault(); rest of your code }); if I get what you need. — Omar
– Omar, Commented Jul 8, 2013 at 16:49
no, i don't want to prevent action about the elements in the second page, cause they are just <li>. when i click them, my function is triggered so it change the URL iframe (in page "Foro"). Then i want to go back (or to switch if you like it) to the "Foro" page without clicking it, i want to automate this action directly in my function using some methods. — alfa
– alfa, Commented Jul 8, 2013 at 17:41
Can you put this in jsfiddle.net because I still can't get what you mean. — Omar
– Omar, Commented Jul 8, 2013 at 18:57
Here it is! jsfiddle.net/manhunt/q2LJX/5 Just click on "Approfondimenti" and select one item, my function is triggered as it changes iframe URL, but you can see the result only if you click on "Foro" page, i want to automate this in my function. — alfa
– alfa, Commented Jul 8, 2013 at 19:05
$('.a').on('click', function since .a links are not dynamically added. — Omar
– Omar, Commented Jul 8, 2013 at 19:44

dejavu · Accepted Answer · 2013-07-08 19:11:20Z

2

Add this to change page in jQuery mobile:

 $.mobile.changePage("#page1");

Link: http://jsfiddle.net/androdify/q2LJX/9/

answered Jul 8, 2013 at 19:11

dejavu

3,2547 gold badges39 silver badges61 bronze badges

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

2 Comments

alfa Over a year ago

Oh, it works on jsfiddle but not on my browser (desktop). Is it normal?

dejavu Over a year ago

@alfa it should work on desktop too, probably some other error

Collectives™ on Stack Overflow

jQuery Mobile navbar navigation

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related