Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I think I understand but feel free to comment if I'm misunderstanding your question.</p> <p>I believe you're misunderstanding how internal JQuery linking works. First thing is take a look at the JQuery Mobile page anatomy, especially at the "Multi-page template structure" in your case: <a href="http://jquerymobile.com/test/docs/pages/page-anatomy.html" rel="nofollow">http://jquerymobile.com/test/docs/pages/page-anatomy.html</a></p> <p>Basically every "embedded in the middle of page" section of your page will need to be a stand alone div marked with the <code>data-role="page"</code> tag. Its ID is going to be what you'll point an anchor to. </p> <p>So in order for your internal <code>&lt;a href="#jib"&gt;</code> to work you have to have a built in div with ID = "jib"</p> <p><strong>UPDATED ANSWER AFTER COMMENTS</strong></p> <p>What you're looking for is <code>$.mobile.silentScroll</code> . You want to get your anchor link's Y-position and then have the page scroll to it. There is a little gotcha though. You'll need to add a little pause before the scroll happens because of the JQuery Mobile animations that happen on page transition.</p> <pre><code>function loadJib() { $.mobile.changePage('#jib',{transition:"slide"}); var yPos = $('#mylink').get(0).offsetTop; setTimeout(function(){ $.mobile.silentScroll(yPos); },800); </code></pre> <p>Take a look how I did it ( .8 second delay ).:</p> <p><a href="http://jsbin.com/ahevav/3/edit" rel="nofollow">http://jsbin.com/ahevav/3/edit</a></p>
    singulars
    1. This table or related slice is empty.
    1. POjQuery Mobile Tabs and Anchors
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USInspiredBy
    1. USInspiredBy
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POjQuery Mobile Tabs and Anchors
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYep I get what you are saying with you have to wrap it with a div. From your example let's say you had a bunch of text on the page jib that required you to scroll. Is there any way to have it so when you click the button on the main page it goes to the page jib as it currently does, but also will scroll to the anchor that you have somewhere in the middle of the extended text? Thx
      singulars
      1. PO
      1. USArnab C.
    2. COTake a look at the edited answer
      singulars
      1. PO
      1. USInspiredBy
    3. COYep that is about 90% of what I want to do. The last piece would be how would you go about parsing #mylink from the url. For example I would like to be able to have a user or device enter. http://www.site.com/#page_#mylink <= or what ever is an easy delimiter in the last url path and then have it jump to the right page with the right tab selected(I can do this part) and scroll (pretty much like you have shown) to the correct position. Thanks
      singulars
      1. PO
      1. USArnab C.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload