9
Nếu tôi đọc một cách chính xác các tài liệu về: http://jquerymobile.com/demos/1.1.0/docs/api/methods.htmljquery pageContainer di động phát
Sử dụng pageContainer và vai trò nên thay thế các nội dung của một trang vào trang hiện tại của tôi, ví dụ như thể nó là một mẫu nơi các header và footer được lưu giữ nhưng chỉ có nội dung được thay đổi.
Tôi đang cố gắng làm một ví dụ đơn giản để hiểu cách thức hoạt động nhưng tôi đang có một thời gian.
Đây là ví dụ siêu đơn giản của tôi.
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="static/css/jquery.mobile-1.1.0.min.css" type="text/css" />
<script type="text/javascript" charset="utf-8" src="static/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.mobile.changePage('page2.html',{
'pageContainer': $('#content_container'),
'role':'content'
});
});
</script>
</head>
<body >
<div data-role="page">
<div data-theme="a" data-role="header">
<div data-role="navbar" data-iconpos="top">
My Header
</div>
</div>
<div id='content_container' data-role="content">
<p>Page 1 </p>
</div>
<div data-theme="a" data-role="footer">
My Footer
</div>
</div>
</body>
</html>
Và đây là trang 2
<html>
<body>
<div data-role="page">
<p>Page 2</p>
</div>
</body>
</html>
Khi điều này tải, thay vì thay thế "Trang 1" cho "Trang 2" Tôi được chuyển hướng đến một trang trống mới. Bất kỳ con trỏ đến những gì tôi đang làm sai sẽ được đánh giá cao.
Tại sao tính năng này không hoạt động với 'changePage'? Tôi cần sử dụng một bộ sưu tập jQuery làm đối số đầu tiên. – Robin
Tôi tin rằng vì pagechange là sự kiện được sử dụng cho changePage và pageLoad cho loadPage. Tôi không chắc chắn lý do tại sao tôi không thể chèn trang propperly với changePage nhưng điều này làm việc cho tôi. –