jQuery Mobile page transfer bug - there is a ">" while new page are loading, after page loading finished it will disappear
in jQuery Mobile
•
7 years ago
As title, I have two pages in different .html file, the first page with a form, while click on "submit" button, submit the form to server side, then server response the second page.
But I find a bug(possible) while the page transferring, that's there is a ">" on the up-left corner while the browser is in loading the second page. I don't know why, anyone can help me??? thanks!!!
-- page 1 --
<!DOCTYPE html>
<html>
<head>
<meta
name="viewport" content="width=device-width"
/>
<title>Advice</title>
<link
href="~/CSS/jquery.mobile-1.4.5.min.css"
rel="stylesheet" />
<script
src="~/Scripts/jquery-1.11.2.min.js"></script>
<script
src="~/Scripts/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page"
data-dom-cache="false">
<div
data-role="header"
data-position="fixed">
<h1>意见反馈</h1>
</div><!-- /header -->
<div role="main"
class="ui-content">
<div
style="margin-top:8%"></div>
<!-- form goes here -->
<form
action="/1.0/common/postadvice"
method="post">
<label
for="textarea-content">意见:</label>
<textarea name="textarea-content"
id="textarea-content" placeholder="意见或建议"
rows="8"></textarea>
<br
/>
<label
for="text-contact">联系方式:</label>
<input name="text-contact" id="text-contact"
type="text" placeholder="联系方式(可空)"
value=""
data-clear-btn="true">
<br
/>
<button class="ui-btn ui-corner-all
ui-btn-b"
type="submit">提交</button>
</form>
</div><!-- /content -->
<div data-role="footer"
data-position="fixed">
<h4></h4>
</div><!-- /footer
-->
</div>><!-- /page -->
</body>
</html>
-- page 2 --
<!DOCTYPE html>
<html>
<head>
<meta
name="viewport" content="width=device-width"
/>
<title>Post Advice</title>
<link href="~/CSS/jquery.mobile-1.4.5.min.css"
rel="stylesheet" />
<script
src="~/Scripts/jquery-1.11.2.min.js"></script>
<script
src="~/Scripts/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
<div
data-role="header"
data-position="fixed">
<h1>意见反馈</h1>
</div><!-- /header -->
<div role="main"
class="ui-content">
<div
style="margin-top:8%"></div>
<div>意见反馈已提交,请耐心等待客服处理!</div>
<a
class="ui-btn ui-btn-corner-all"
href="/1.0/common/advice">返回</a>
</div><!-- /content -->
<div data-role="footer"
data-position="fixed">
<h4></h4>
</div><!-- /footer
-->
</div>><!-- /page -->
</body>
</html>
1