Без изменения исходного кода jquery-mobile.js я могу думать только о том, чтобы добавить свои собственные навигационные ссылки в заголовок.Как только вы добавите собственную ссылку, автоматическая кнопка «Назад» исчезнет, поэтому мы создадим 2 ссылки, одну для возврата и одну для дома.
Вы заметите, что на страницах 2 и 3 есть кнопки возврата икнопку домой, и вы можете вернуться или прыгнуть прямо домой.Это требует, чтобы вы изменили раздел «заголовок» для каждой страницы, но это не такая уж большая проблема, поскольку всегда требуется одно и то же (копирование и вставка), никаких изменений не требуется для каждого экземпляра.
Ссылка «home» будетбыть в верхнем правом углу (в соответствии со стандартным поведением второй ссылки, чтобы поместить его в верхний правый угол).
Вот пример:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body>
<div data-role="page" id="firstpage">
<div data-role="header">
<h1>First Page</h1>
</div>
<div data-role="content">
<p>I'm first in the source order so I'm shown as the page.</p>
<p>View internal page called <a href="#secondpage">second page</a></p>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="secondpage">
<div data-role="header">
<a href='#' class='ui-btn-left' data-icon='arrow-l' onclick="history.back(); return false">Back</a><h1>Bar</h1><a href="#firstpage">home</a>
</div>
<div data-role="content">
<p>I'm first in the source order so I'm shown as the page. (this is secondpage)</p>
<p><a href="#thirdpage">Go to third page</a></p>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="thirdpage">
<div data-role="header">
<a href='#' class='ui-btn-left' data-icon='arrow-l' onclick="history.back(); return false">Back</a><h1>Bar</h1><a href="#firstpage">home</a>
</div>
<div data-role="content">
<p>I'm first in the source order so I'm shown as the page. (this is thirdpage)</p>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
</body>
</html>
Если вы хотитезаставить его делать это автоматически, вы также можете просто взломать js ...
Сразу после этого куска кода (около строки 1084 не минимизированного jquery.mobile-1.0a2.js)
$( "<a href='#' class='ui-btn-left' data-icon='arrow-l'>"+ o.backBtnText +"</a>" )
.click(function() {
history.back();
return false;
})
.prependTo( $this );
Добавьте строку вроде этой, где #firstpage - это идентификатор вашей домашней страницы, я не смог найти способ сослаться на домашнюю страницу, не назвав ее по имени, не стесняйтесь улучшать .. Я не хотелделать / или просто # не будет работать ... но этот метод работает
$( "<a href='#firstpage' class='ui tn-right'>Home</a>" ).appendTo( $this );