Изменение страниц в jQuery Mobile вызывает странные проблемы с форматированием

Question

У меня есть одностраничное мобильное приложение jQuery, состоящее из нескольких списков, которые я заполняю динамически.Всякий раз, когда я впервые захожу на страницу, они загружаются правильно, и все форматирование выглядит великолепно, хотя, если я перейду на другую страницу и вернусь к ней, на странице будет все «подталкивать» вверх примерно на 50%.проблема возникает, только когда я нажимаю на ссылку, похожую на что-то вроде

<a href="#mypagewithlist">something</a>

вместо нажатия кнопки «назад» (что не должно вызывать вызов page ()).

Вотпример того, какими будут некоторые страницы:

<div data-role="page" id="pagewithlist">
    <div data-role="content">
        <ul data-role="listview" id="mylistview"> </ul>
        <!-- I use jQuery Templates to populate the above list -->
    </div>
</div>
<div data-role="page" id="pagewithlink">
    <div data-role="content">
        <a data-role="button" href="#pagewithlist">Go to page with list</a>
    </div>
</div>

При первой загрузке страницы я извлекаю данные из API, а затем использую эти данные для заполнения пустого списка шаблонами jQuery.

Есть идеи, как обойти эту проблему?

Answer 1

Вы пытались обновить список, когда возвращаетесь на страницу?т.е.:

$('ul').listview('refresh');

Answer 2

Каков URL-адрес вашей исходной страницы (той, на которую вы возвращаетесь по ссылке)?Вы пытались присвоить id этой странице (div) и изменить ссылку на <a href="#mypagewithlist">something</a>?Если ссылка и URL-адрес страницы не совпадают, jQM снова извлекает исходную страницу и затем дважды загружает ее в DOM, что может вызвать проблемы.