JQuery Mobile を使用する次のコードがあります。ここでのポイントは、「pageshow」イベントがトリガーされたときにいくつかのコードを実行することです。
以下のすべてのコードは Chrome でうまく動作します。コンソールログを見ることができます。ただし、これを Phonegap アプリケーションの一部として実行すると、「pageshow」イベントがトリガーされることはありません。
しばらくの間、これを調査してきましたが、成功していません。私のイベントが欠落している理由と、このコードを Phonegap で動作させるために必要な手順を誰かが説明してくれることを願っています。
details.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"> </script>
<link rel="stylesheet" href="css/index.css" />
<!-- cordova -->
<script src="cordova-2.2.0.js"></script>
</head>
<body>
<div data-role="page" id="details_page">
<a href="places.html" data-transition="slide" data-direction="reverse">Back</a>
<h3>Hi I am second page</h3>
</div>
<script src="js/details.js"></script>
</body>
</html>
details.js
$("#details_page").live("pageshow", function() {
console.log('I am alive! (details.html)');
});