Я использую jQuery Mobile для разработки приложения. Моя проблема в том, что элемент canvas в HTML5 дезориентируется после нажатия кнопки «Назад» на определенной странице вместе с верхним и нижним колонтитулом. Я не сталкиваюсь с той же проблемой на других страницах, и я использую один и тот же код кнопки «Назад» для всех них. Мой код:
<a href = "index.html" data-role="button" data-icon="back" data-direction="reverse">Back</a>
Весь код HTML-страницы:
<body>
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h1>Upload</h1>
<a href = "index.html" data-role="button" data-icon="back" data-direction="reverse">Back</a>
</div>
<div data-role="content">
<button id = "capture">Capture Photo</button>
<script type="text/javascript">
var encoded_image = "";
$('#capture').click(function() {
encoded_image = capturePhotoEdit();
});
</script>
</div>
</div>
</body>
Код HTML-страницы с холстом:
<body>
<!--Page header-->
<div data-role="page" id="page1">
<div data-role="header" data-theme="b">
<a href = "index.html" data-role="button" data-icon="back">Back</a>
</div>
<div data-role="content">
<div id="images">
<canvas id="draw_area" width="300px" height = "400px"></canvas>
</div>
</div>
<div data-role="footer" data-theme="b">
<a href = "Photo.html" data-role="button" onClick = "toCamera();">Capture</a> </div>
</div>
</body>
Единственное отличие, которое я могу найти по сравнению с другими страницами, заключается в том, что этот загружается после страницы холста, где остальные страницы загружаются ранее ... Есть ли способ иметь фиксированное положение?