StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJquery Joyride - not working with Jquery Mobile
primarykey
Id
15439305
data
AcceptedAnswerId
15439716
AnswerCount
2
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-03-15T18:07:03.370
FavoriteCount
1
LastActivityDate
2013-09-03T13:45:22.133
LastEditDate
LastEditorUserId
0
OwnerUserId
2175057
ParentId
0
PostTypeId
1
Score
2
ViewCount
744
LastEditorDisplayName
text
Body
<p>I am trying to use Jquery-Joyride - <a href="http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin" rel="nofollow">http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin</a>, but I can not get it to work with Jquery Mobile. As soon as I add the standard JQM tags the help windows will no longer display.</p> <p>Here is what I'm trying: .....</p> <pre><code><ol id="joyRideTipContent"> <li data-id="numero2" data-text="Next" class="custom"> <h2>Stop #1</h2> <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p> </li> </code></pre> <p>....</p> <pre><code><script> $(window).load(function() { $('#joyRideTipContent').joyride({postStepCallback : function (index, tip){ if (index == 2) { $(this).joyride('set_li', false, 1); } }}); }); </script> </code></pre> <p>.....</p> <pre><code><div class="row"> <div class="four columns"> <img src="280x120.gif"></img> </div> <div class="eight columns"> <h3 id="numero2">Customize Each Stop Along the Way</h3> <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. </p> </div> </div> </code></pre> <p>.....</p> <p>Everything works fine with the code above. However, as soon as I add the JQM specific tag, the help windows no longer appear.</p> <pre><code><div data-role="page" class="type-home" data-dom-cache="false" id="home"> </code></pre> <p>I'm not sure how to get this working. Any help is appreciated.</p>
Tags
<jquery-plugins><jquery-mobile>
Title
Jquery Joyride - not working with Jquery Mobile
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USuser2175057
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POJquery Joyride - not working with Jquery Mobile
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POJquery Joyride - not working with Jquery Mobile
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POJquery Joyride - not working with Jquery Mobile
  UserUserId
  USClyde Lobo
  VoteTypeVoteTypeId
  VTFavorite
CommentsPostId
1. COdocument ready or window load can't be used to initialize a jQuery plugin inside a jQuery Mobile page, you shoud use appropriate jQuery Mobile page event, in your case pageshow. Read more about it here: http://stackoverflow.com/a/14469041/1848600
  singulars
  PostPostId
  POJquery Joyride - not working with Jquery Mobile
  UserUserId
  USGajotres

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.