次の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」を開くと、そのコードはうまく機能します。次に、id="fleetBaseName" の h3 タグに、baseName + data.baseLocation が入力されます。
「bookingList.php」に進み、「fleetList.php」に戻ると、フリートのみが表示され、「fleetBaseName」の見出しは消えています。私はそれを削除せず、id="fleetBaseName" の h3 タグはまだ DOM にあります。しかし、それはもう見えません。
それの何が問題なのですか?
PS: jqm 1.2.0 を使用しています