Solved

JQuery Mobile pageChange() Question

Posted on 2012-04-08
4
791 Views
Last Modified: 2012-06-21
Can one of the experts give me an example of how to programically change the page using a multi-page jquery mobile template.when it change to page2 the page is blank. Your help is appreciated. This is my code.

JQuery SCRIPT

<script>
      $.mobile.changePage($("#page2"),{ransition:"slideUp"});
</script>

HTML

<div data-role="page" id="page2">
      <div data-role="header">
            <h1>Page 2</h1>
      </div>
      <div data-role="content">      
            My Content            
      </div>
      <div data-role="footer">
            <h4>Page Footer</h4>
      </div>
</div>
0
Comment
Question by:wsessoms
  • 2
4 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37824004
What is the complete html.
We can only see page 2 now
0
 
LVL 25

Expert Comment

by:kevp75
ID: 37824113
are you absolutely sure you are including the proper javascripts?  Are they the latest versions?

Please post the rest of your html for this document.
0
 

Accepted Solution

by:
wsessoms earned 0 total points
ID: 38068390
I found the solution. mistake was in the syntax:
$.mobile.changePage($("#page2"),{transition:"slideUp"});
changed to
$.mobile.changePage("#page2");
0
 

Author Closing Comment

by:wsessoms
ID: 38087022
Simple mistake
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
Learn the basics of lists in Python. Lists, as their name suggests, are a means for ordering and storing values. : Lists are declared using brackets; for example: t = [1, 2, 3]: Lists may contain a mix of data types; for example: t = ['string', 1, T…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now