Question

我正在制作的应用程序有一个列表视图，当点击列表视图项时，它会打开一个显示一些信息的新页面。

当我最初点击列表视图项时，页面正常打开而没有任何问题。当我单击后退按钮并单击另一个列表视图项时，页面会加载，但根本没有JQM样式。

我设法使用下面的代码解决了上面的问题，但现在页面第二次加载显示无样式页面，屏幕闪烁并正确加载。如果没有在pageshow事件上重新加载屏幕，我如何获得相同的最终结果。

重新加载页面的代码：

$("#moduleinfo").live('pageshow', function() {
    $('#infoPara').trigger("create");
});

根据单击的listview项创建页面的代码

var output = "Module Code: " + results.rows.item(0).module +
    "<br/>Room No: " + results.rows.item(0).room +
    "<br/>URL:" + results.rows.item(0).url + 
    "<b/r><a href='#' data-role='button' data-theme='d' onclick='openURL(\"" 
    + results.rows.item(0).url + "\")'>Open URL</a>" +
    "</br><a href='#' data-role='button'  onclick='deleteEntry(\"" 
    + results.rows.item(0).id + "\")'>Delete Entry</a>";


$('#infoPara').html(output);
$.mobile.changePage( "index.html#moduleinfo", { transition: "slide"} );

页面HTML

<div data-role="primary-content" id="modinfo">
    <p id="infoPara"></p>
</div>

很确定我的问题与这个问题有关：
How to get jQuery mobile magic to work in "pageshow" event handler? (JQM 1.1.0)

谢谢！

JQM PageShow Event在加载时使屏幕闪烁

0 个答案: