Remove header bars in JQuery Mobile nested lists subpages, so you can add your own custom headers
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

This was created to be able to add a custom header in nestedlists with a share button to publish the content of the sublists' page on facebook/twitter. Can be used for anything where you need a custom header in a nested list subpage.

Load this file after jquery mobile

<script src=""></script>
<script src="javascript/"></script>

And add this attribute to the nested lists where you don't want a header

<ul data-role="listview" data-noheaders="true">

This can be useful if you manage your nested lists with a templating engine (mustache, handlebars, underscore, etc). You can then do so :

    <h3> {{someTitle}} </h3>
          <div data-role="header" data-position="fixed">
                <a href="#" data-icon="back" data-rel="back" data-icon="back">Back</a>
				<h1> {{someTitle}} </h1> 
				<a href="#" onclick="publishStory()" data-icon="custom">Share</a>
    </u l>