Databases
StackOverflow2013
Postsdbo
POjQuery Mobile navigaton
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Mobile navigaton
    primarykey
    data
    text
    <p>I'm trying to create a mobile version of my views using jQuery Mobile, but it doesn't work like expected.</p> <p>I have two pages - a.html has one jQuery Mobile page (<code>div</code> with <code>data-role="page"</code>) and a link to b.html which has several jQuery Mobile pages. Now if I load a.html in my browser I can go to b.html and display the main "page", but any links inside b.html referring to other "page" divs inside b.html will fail (this are the hash links with <code>href</code> like <code>#otherpage</code>). If I go straight to b.html all links work perfectly.</p> <p>Is it possible to serve several "page" divs in b.html without breaking the navigation controls?</p> <p>I'm using latest jQuery Mobile 1.0 alpha 4.1.</p> <p>UPDATE</p> <p>Framework I'm using is Ruby on Rails.</p> <p>Part of my mobile layout:</p> <pre><code>&lt;div data-role="page"&gt; &lt;div data-role="content"&gt; &lt;%= yield %&gt; &lt;/div&gt; &lt;/div&gt; &lt;%= yield :pages %&gt; </code></pre> <p>Page a.html - that is an index action of a Rails scaffold:</p> <pre><code>&lt;ul data-role="listview"&gt; &lt;% @tv_series.each do |tv_series| %&gt; &lt;li&gt;&lt;%= link_to tv_series.title, tv_series %&gt;&lt;/li&gt; &lt;% end %&gt; &lt;/ul&gt; </code></pre> <p>Page b.html - this are show actions of the same Rails scaffold:</p> <pre><code>&lt;ul data-role="listview"&gt; &lt;% @seasons.each do |season| %&gt; &lt;li&gt; &lt;!-- this are the links that work only if base page was b.html --&gt; &lt;a href="#season&lt;%= season.id %&gt;"&gt;Season &lt;%= season.number %&gt;&lt;/a&gt; &lt;/li&gt; &lt;%= render :partial =&gt; 'seasons/season.html.erb', :locals =&gt; { :season =&gt; season } %&gt; &lt;% end %&gt; &lt;/ul&gt; </code></pre> <p>The season partial generates a new page div:</p> <pre><code>&lt;% content_for :pages do %&gt; &lt;div data-role="page" id="season&lt;%= season.id %&gt;"&gt; &lt;div data-role="content"&gt; whatever &lt;/div&gt; &lt;/div&gt; &lt;% end %&gt; </code></pre> <p>Now the error I get: if I go to scaffold index (<code>/tv_series</code>) and select one item, I go to show page with URL <code>/tv_series#/tv_series/:id</code> - the links I get on this page look like <code>/tv_series/tv_series/:id#season134</code> which is obviously wrong, jQuery Mobile tries an AJAX request and fails with page not found. If I go to <code>/tv_series/:id</code> manually all the links look fine (<code>/tv_series/:id#season134</code>).</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMarek Sapota
    1. USMarek Sapota
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COSince jQuery mobile builds its own giant dom made up of individual 'pages' as you navigate through your site, I wouldn't be surprised if it freaked out when you tried to access your own 'page' divs. I have no information to back that up with, hence the comment. Have you tried turning your page divs into individual pages yet? That shouldn't be hard to test with, and is basically the same result at the end of the day, anyway.
      singulars
      1. POjQuery Mobile navigaton
      1. USrevdrjrr
    2. COcode would help, what does the debugger say? any errors?
      singulars
      1. POjQuery Mobile navigaton
      1. USPhill Pafford
    3. COrevdrjrr - separate page for every div would require creating a lot of new controller actions and routes and I wanted to keep those the same as in the desktop version. Phill Pafford - it gets confused and produces some strange paths, will update the question with some code and results.
      singulars
      1. POjQuery Mobile navigaton
      1. USMarek Sapota
 

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