Jquery mobile：单击后退按钮时重叠文本

Question

我正在使用jquery mobile开发一个应用程序。我遇到的问题是，在单击后退按钮时，文本显示为重叠（一个在另一个上）。向前移动通过各种列表视图没有这样的问题，问题是通过“后退”按钮向后移动。在浏览器中也会出现问题。

默认情况下，在应用程序中，内容会在移动初始化事件中填充，其结果为ul-li列表。单击每个'li'，将通过附加到页面容器的onclick事件生成新的'ul''li'字符串。生成新页面的代码如下

var moviePage = $("<div data-role='page' data-url='itemList' data-theme='c'><div data-role='navbar'  class='myCorner' data-corner='left 10px' ></div><div data-role='header' data-theme='f'><a href='#' data-rel='back'  data-transition='slide' data-theme='a' data-direction='reverse' data-icon='back'>"+manufListName+"</a><h1>"
         + itemModelName +"</h1>"+"</div>"+"<br>"+"<div data-role='content'>"+"<ul data-role='listview' data-inset='false' data-theme='c'>"+itemList+" </ul></div></div>");

moviePage.appendTo( $.mobile.pageContainer );

$.mobile.changePage(moviePage); 

感谢任何帮助。