Note that there are some explanatory texts on larger screens.

plurals
  1. PONavbar remian constant for all pages in jquery mobile
    primarykey
    data
    text
    <p>I'm new to jquery mobile and need some help to move further in my application</p> <p>I used NAVBAR with two buttons view and two buttons are navigating fine and displaying different list views &amp; when I click on list view item the page is navigating to another HTML page and displaying related data but the problem is I'm not able to view navbar in next page...</p> <p>I want the navbar to be constant for all pages like tabgroup activity in android. anyone please help me with good example and application or show me some good links to achieve this...</p> <pre><code>&lt;body&gt; &lt;div data-role="page" id="page1"&gt; &lt;div data-role="content"&gt; &lt;div data-role="navbar" id="nav1"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" data-href="dashboard" class="ui-btn-active" datafld="list"&gt;Dashboard&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" data-href="deals" datafld="list1"&gt;Deals&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="ui-grid-but" id="list"&gt; &lt;div class="ui-block-a"&gt; &lt;a href="#lv1" data-role="button" id="button1" &gt; &lt;img src="task.png" alt="Tasks" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="ui-block-b"&gt; &lt;a href="#lv2" data-role="button" id="button2"&gt; &lt;img src="reminder.png" alt="Reminders" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="def_content_div" id="dashboard"&gt; &lt;ul data-role="listview" data-inset="true"&gt; &lt;li&gt;&lt;a href="#lv1"&gt;List View 1&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#lv2" &gt;List View 2&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#lv3" &gt;List View 3&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#lv4" &gt;List View 4&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="content_div" id="deals"&gt; &lt;ul data-role="listview"data-inset="true"&gt; &lt;li&gt; &lt;a href="#lv5"&gt;List View 5&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="#lv6"&gt;List View 6&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#lv7"&gt;List View 7&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#lv8"&gt;List View 8&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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