Dieser Artikel stellt hauptsächlich die Mängel und Lösungen des langen Inhalts von jQueryMobile vor. Er analysiert die Lösung, wenn die untere schwebende Ebene von jQueryMobile blockiert wird. Es ist sehr einfach und praktisch . Ich hoffe, es kann allen helfen.
Sobald lange Inhalte im Formular angezeigt werden, gibt es Fehler bei der Verwendung des Vollbild-Layouts des Autors mit fester Kopf- und Fußzeile
Wie im Abbildung: Der letzte Inhalt eines langen Inhalts kann nicht erschöpft werden, bis die Bildlaufleiste nach unten gezogen wird. Obwohl der Inhalt an dieser Stelle jetzt halbtransparent angezeigt wird, gibt es häufig einige Übermittlungen Schaltflächen oder ähnliches.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>a</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <link rel="stylesheet" href="jqmobile/jquery.mobile-1.4.5.css" rel="external nofollow" rel="external nofollow" > <script src="jqmobile/jquery-1.11.1.js"></script> <script src="jqmobile/jquery.mobile-1.4.5.js"></script> </head> <body> <p data-role="page" data-position="fixed" data-fullscreen="true"> <p data-role="header" data-theme="b" data-tap-toggle = "false"> <h1>title</h1> </p> <p data-role="content"> <p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p> </p> <p data-role="footer" data-position="fixed" data-fullscreen="true" data-theme="b" data-tap-toggle = "false"> <p data-role="navbar"> <ul> <li><a href="a.html" rel="external nofollow" rel="external nofollow" target="_self" data-icon="info">a</a></li> <li><a href="b.html" rel="external nofollow" rel="external nofollow" target="_self" data-icon="grid">b</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" class="ui-btn-active ui-state-persist" data-icon="star">c</a></li> </ul> </p> </p> </p> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>a</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <link rel="stylesheet" href="jqmobile/jquery.mobile-1.4.5.css" rel="external nofollow" rel="external nofollow" > <script src="jqmobile/jquery-1.11.1.js"></script> <script src="jqmobile/jquery.mobile-1.4.5.js"></script> </head> <body> <p data-role="page" data-position="fixed" data-fullscreen="true"> <p data-role="header" data-theme="b" data-tap-toggle = "false"> <h1>title</h1> </p> <p data-role="content" style="margin-bottom:50px"> <p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p><p>本页还在建设中</p> </p> <p data-role="footer" data-position="fixed" data-fullscreen="true" data-theme="b" data-tap-toggle = "false"> <p data-role="navbar"> <ul> <li><a href="a.html" rel="external nofollow" rel="external nofollow" target="_self" data-icon="info">a</a></li> <li><a href="b.html" rel="external nofollow" rel="external nofollow" target="_self" data-icon="grid">b</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" class="ui-btn-active ui-state-persist" data-icon="star">c</a></li> </ul> </p> </p> </p> </body> </html>
3 empfohlene Artikel zum Einstieg in Mobile
WeChat-Entwicklung Microsite jquery_mobile Fallanalyse
Detaillierte Erläuterung der jQuery-mobile-Ereignisüberwachung und -nutzung
Das obige ist der detaillierte Inhalt vonSo beheben Sie den jQuery Mobile-Formularfehler wegen langem Inhalt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!