javascript - jQuery mobile footer is hidden when page is loaded -
i creating android app using cordova v2.9 , jquery mobile v1.3. referred this page creating fixed footer. issue is, when load page on android device, footer hidden. if tap/click on screen anywhere once, appears. have not written css/js hide footer separately.
based on the solutions here, tried data-tap-toggle="false", not work. can guys out there me in resolving issue? thanks.
additional info
one thing hide parent container when app loads, , on click of button later, show it. footer , other content inside parent, footer should visible on clicking button. below code parent container:
<div id="testtakingdiv" class="screen dontdisplay" style="width: 100%; margin: 0; padding: 0;"> <div data-role="navbar" data-iconpos="top" class="ui-body-a"> <ul> <li><a data-icon="gear" href="#" id="testtimer">29:58:30</a></li> <li><a data-icon="grid" href="#" id="showgridbutton">grid</a></li> <li><a data-icon="delete" href="#" id="quittestbutton">quit</a></li> </ul> </div> <div> <div id="questiontext" style="margin-top: 2%; padding: 1%;"></div> <div id="optionstext" style="margin-top: 2%; padding: 1%;"></div> </div> <div data-role="footer" data-position="fixed" data-id="quesoptions" data-tap-toggle="false"> <div data-role="navbar" data-iconpos="top"> <ul> <li><a id="markquesbutton" href="#" style="background: #4e387e;" data-icon="star">mark</a></li> <li><a id="skipquesbutton" href="#" style="background: #f70d1a;" data-icon="forward">skip</a></li> <li><a id="savequesbutton" href="#" style="background: #437c17;" data-icon="check">save</a></li> </ul> </div> </div> </div>
try add data-id="persistent" , work me <div data-role = 'footer' data-id="persistent" data-position='fixed' data-tap-toggle="false" data-theme = 'b'> </div>
Comments
Post a Comment