У меня есть страница jQuery для мобильных устройств:
<script type="text/javascript">
$(document).ready(function() {
$('#bar').live("pageshow", function() {
alert('bar');
// TBA: relatively heavy Ajax call
});
});
</script>
<div data-role="page" id="foo">
<div data-role="header">
<h1>Foo</h1>
</div>
<div data-role="content">
<p><a href="#bar" data-role="button">Bar</a></p>
</div>
</div>
<!-- Start of second page -->
<div data-role="page" id="bar">
<div data-role="header">
<h1>Bar</h1>
</div>
<div data-role="content">
Some content
</div>
</div>
Если я загружаю /foo и затем нажимаю «бар», срабатывает предупреждение.
Однако, если перейти непосредственно к /foo#bar, предупреждение не сработает.
Я могу видеть из этого вопроса что может происходить.
Однако я хотел бы иметь возможность загружать динамический контент на панель и путем перехода на панель из foo и прямой загрузки панели.
И в идеале я бы не загружал его до jQuery Mobile, потому что я не хочу замедлять загрузку foo для пользователей, которые даже не смотрят на панель (если это имеет смысл).
Есть ли способ, которым я могу это сделать?