html - Jquery mobile, Footer does not move down with <data-position="fixed"> -
i tried put footer down seems not work code provided below. deleted standard text in css file ensure there no connection problem.. should move down
<div data-role="footer" data-position="fixed"> <h5>test</h5> </div> right?
this complete code of index.html
<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no" /> <!-- warning: ios 7, remove width=device-width , height=device-height attributes. see https://issues.apache.org/jira/browse/cb-4323 --> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <link href="jquerymobile/jquery.mobile-1.4.5.min.css"rel="stylesheet" type="text/css"/> <scrip src="js/jquery.js"type="text/javascript"></scrip> <script src="jquerymobile/jquery.mobile-1.4.5.min.js"type="text/javascript"></script> <title>hello world</title> </head> <body> <div data-role="page" id ="home"> <div data-role="header"> <h1>your resource app</h1> </div> <div data-role="footer" data-position="fixed"> <h5>test</h5> </div> </div> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="js/index.js"></script> <script type="text/javascript"> app.initialize(); </script> </body> </html>
it's alright forgot t in here write script xd
Comments
Post a Comment