我有以下 javascript 代码:
var baseName;
$('#fleetList').live('pagebeforeshow',function(event){
$('#fleet').children().remove('li');
$.getJSON('ajax/api.php', { "request" : "listFleet", "hash" : baseAuth, "stuId" : $.urlParam('stuId') }, function (data) {
if (data.fleet.length>0) {
$('#fleetBaseName').html(baseName + ' ' + data.baseLocation);
$.each(data.fleet, function(i,item) {
$("#fleet").append('' + item.typ + ' ');
});
$('#fleet').listview('refresh');
} else {
alert("Sorry, you have no Fleet listed in that base.");
$.mobile.changePage("baseList.php");
}
});
});
该代码有效,当我很好地打开来自“baseList.php”的“fleetList.php”时。然后用 baseName + data.baseLocation 填充 id="fleetBaseName" 的 h3-tag。
当我继续“bookingList.php”并返回“fleetList.php”时,只显示车队,但带有“fleetBaseName”的标题消失了。我没有删除它,并且 id="fleetBaseName" 的 h3 标记仍在 DOM 中。但它已经不可见了。
它有什么问题?
PS:我使用的是jqm 1.2.0