StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery Mobile Tabs and Anchors
primarykey
Id
12181586
data
AcceptedAnswerId
12182868
AnswerCount
1
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2012-08-29T15:37:53.150
FavoriteCount
0
LastActivityDate
2012-08-29T18:34:14.813
LastEditDate
2012-08-29T16:29:53.453
LastEditorUserId
1193841
OwnerUserId
1159192
ParentId
0
PostTypeId
1
Score
0
ViewCount
2618
LastEditorDisplayName
text
Body
<p>I would like create a tabbed mobile page using jQuery Mobile. I have got the basics of creating tabs (For Example Tab1, Tab2, Tab3, Tab4) and having each tab load a new page of content. <strong>The question I have is how would I go about using an anchor within a specific tab?</strong> So for example if someone wanted to bookmark a link that took them right to Tab4 Anchor1. </p> <p>I am pretty new to Javascript and jQuery. Any help would be appreciated. </p> <p>Thanks</p> <p>Code Below:</p> <pre><code><!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css">  <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script> </head> <body> <div data-role="page" data-theme="d" id="home" data-id="nav"> <header data-role="header" > <h1>TEST</h1> <div data-role="navbar" data-id="nav"> <ul> <li><a href="#home" data-icon="home" data-theme="d" class="ui-btn-active ui-state-persist" >Home</a></li> <li><a href="#speakers" data-icon="star" data-theme="d">Speakers</a></li> <li><a href="#" data-icon="grid" data-theme="d">News</a></li> </ul> </div> </header> <section data-role="content"> Home </section> <footer data-role="footer" class="ui-bar"> <a href="" data-icon="gear" class="ui-btn-right">Buy Tickets</a> </footer> </div> <div data-role="page" data-theme="d" id="speakers"> <header data-role="header" data-id="nav" > <h1>TEST</h1> <div data-role="navbar" > <ul> <li><a href="#home" data-icon="home" data-theme="d">Home</a></li> <li><a href="#speakers" data-icon="star" data-theme="d" class="ui-btn-active ui-state-persist">Speakers</a></li> <li><a href="#" data-icon="grid" data-theme="d">News</a></li> </ul> </div> </header> <section data-role="content">The name attribute specifies the name of an anchor. The name <a href="#jib">attribute</a> is used to create a bookmark inside an HTML document. Note: The upcoming HTML5 standard suggests using the id attribute instead of the name attribute for specifying the name of an anchor. Using the id attribute actually works also for HTML4 in all modern browsers. Bookmarks are not displayed in any special way. They are invisible to the reader. <a name="jib"></a> Speakers </section> <footer data-role="footer" class="ui-bar"> <a href="" data-icon="gear" class="ui-btn-right">Buy Tickets</a> </footer> </div> </body> </html> </code></pre>
Tags
<javascript><jquery><jquery-mobile><tabs><anchor>
Title
jQuery Mobile Tabs and Anchors
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USInspiredBy
UserOwnerUserId
1. USArnab C.
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
2. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
2. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POjQuery Mobile Tabs and Anchors
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
CommentsPostId
1. COAre you not able to bookmark now ? When , let's say a #jib link is selected and the tab is presented bookmarking of the presented Jib page should be possible.
  singulars
  PostPostId
  POjQuery Mobile Tabs and Anchors
  UserUserId
  USInspiredBy
2. COFrom my limited knowledge of jQuery Mobile it seems the #---- is referring to the page that will be loaded. For example http:www.url.com/#page1, but the problems is how do I go right to an anchor embedded in the middle of page 1. Make sense?
  singulars
  PostPostId
  POjQuery Mobile Tabs and Anchors
  UserUserId
  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.