Hi Everyone,
I'm a newbie to jquerymobile and i'm building a mobile website in jquery mobile.
Following is the code i'm facing problem with
<ul data-role="listview" data-inset="true">
<li><img src="jquery-mobile/images/thumb.png" class="ui-li-thumb"><a href="#news"><h3 class="ui-li-heading">News</h3></a></li>
<li><img src="jquery-mobile/images/thumb.png" class="ui-li-thumb"><a href="#images"><h3 class="ui-li-heading">Images</h3></a></li>
<li><img src="jquery-mobile/images/thumb.png" class="ui-li-thumb"><a href="#video"><h3 class="ui-li-heading">Page</h3></a></li>
<li><img src="jquery-mobile/images/thumb.png " class="ui-li-thumb"><a href="#more"><h3 class="ui-li-heading">Page</h3></a></li>
</ul>
I have created various pages and given them data-roles and ids. My first link which is of #news works perfectly well but my others links not working properly
Following is code for my 2nd page
<div data-role="page" id="images">
<div data-role="header"></div>
<div data-role="content"></div>
<div data-role="footer"></div>
</div>
and its not working
Can anyone help me please .
Thanks
Harry