javascript - Jquery mobile not rendering all 'data-role="pages"' present in an html file -


I have an html file in my web-folder, which can only be accessed by servlet here. How my servlet requested for that html page 

  ServletContext context = getServletContext (); Request Dispatcher rd = context.getRequestDispatcher ("/ WEB-INF / file.html"); Rd.forward (req, resp);

My file.html has 2 data-roll = "pages", but only 1 data-role = "page" is being translated. Do you have any ideas, because only 1 out of 2 pages is being provided by jquery-mobile here is my file.html template. 

  & lt; Div data-role = "page" id = "profile-page" data-dialog = "true" & gt; ... & lt; / Div & gt; & Lt; Div data-role = "page" id = "home-page" & gt; ... & lt; / Div & gt;

So basically forwards my Overlit to file to user.html, this is one reason why a page is not being created.

In jQuery mobile, we can only show one page at a time, because each page has a full visible height lives on.

Multipage template option is available, but here we can only show one page at a time, but we can link to other pages with the help of navigation.

Sample code for multipage template from jQuery docs 

   & Lt; / Div & gt; & Lt ;! - / header - & gt; & Lt; Div role = "main" square = "ui-content" & gt; & Lt; P & gt; I am in the first source sequence, so I was shown as the page. & Lt; / P & gt; & Lt; P & gt; & Lt; A href = "# bar" & gt; Bar & lt; / A & gt; & Lt; / P & gt; See internal page named & lt; / Div & gt; & Lt ;! - / content - & gt; & Lt; Div data-role = "footer" & gt; & Lt; H4 & gt; Page footer & lt; / H4 & gt; & Lt; / Div & gt; & Lt ;! - / footer - & gt; & Lt; / Div & gt; & Lt ;! - / Page - & gt; & Lt ;! - Start of second page - & gt; & Lt; Div data-role = "page" id = "bar" & gt; & Lt; Div data-role = "header" & gt; & Lt; H1 & gt; Bar & lt; / H1> & Lt; / Div & gt; & Lt ;! - / header - & gt; & Lt; Div role = "main" square = "ui-content" & gt; & Lt; P & gt; I am second in the source sequence, so I have hidden the page load. I have been shown only if a link references my ID, it is clicked. & Lt; / P & gt; & Lt; P & gt; & Lt; A href = "# foo" & gt; Back to Foo & lt; / A & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt ;! - / content - & gt; & Lt; Div data-role = "footer" & gt; & Lt; H4 & gt; Page footer & lt; / H4 & gt; & Lt; / Div & gt; & Lt ;! - / footer - & gt; & Lt; / Div & gt; & Lt ;! - / Page - & gt; & Lt; / Body & gt; 
 
 
  Note:  
 
 
 What you are trying to do with many pages is not possible You use a page And show / hide specific devices according to your needs. You have to write your logic, jQuery mobile can not help in this scenario. 
 
 
  Reference:

Comments

Post a Comment

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

c - Error on building source code in VC 6 -

When I create my project in VC6, the BScMKE reports the following error Linking .. Creating Library ... .. / ... / PB / Bean / Debub / ICEERP.Lib and Object ........ P.B. / Bean / DBube / ICREPlay.APP Browse information file ... BSMMK: ​​error can not be read from BK 1505: file '../../PB/bin/TmpOut/ICReplay/Debug/ICReplay_PB.bsc' Error executing bscmake.exe Can someone help me? 2 Reason for reference from: "ICReplay_PB .bsc "file will be corrupted The trunk of the file will be happening with the compiler running out of disk space or is being interrupted when creating .sbr file I think this answer will help you!
Read more