Solved

JQuery Mobile pageChange() Question

Posted on 2012-04-08
4
801 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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
exchange ,script 10 41
Using VBScript. How to obtain the recomended paging file size? 8 47
insert a falling animation of heart  in php 4 23
asp.net mvc5 6 12
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…

813 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

11 Experts available now in Live!

Get 1:1 Help Now