最新バージョンの jQuery モバイルと PhoneGap を使用して、 http: //view.jquerymobile.com/1.3.0/docs/widgets/popup/のサンプルに示されているように、単純なボタンと対応するポップアップを作成しました。これまでのところ、すべてうまくいきました。
次のステップとして、ボタンと対応するポップアップを動的に作成したいと思います。ページが表示される前に、次のコードブロックでそうしています:
$(document).one("pagebeforechange", function () {
...
})
ボタンとポップアップをページに追加した後、間違った書式設定でのみ表示でき、ユーザーの操作はありません。ポップアップのコンテンツも常に表示されます。私は（静的コンテキストのように）使用しました：
("#element").html(
"<a id=\"popupButton\" href=\"#popupImage\" data-rel=\"popup\" data-role=\"button\" data-inline=\"true\" data-transition=\"pop\">" +
" <img src=\"img.jpg\" />" +
"</a>" +
"<div data-role=\"popup\" id=\"popupImage\">" +
" <img src=\"img.jpg\"/>" +
"</div>");
ページの一部の要素が生成されていないことに気付きました。主にページ内の次のタグがありません。
<div id="popupImage-screen" class="ui-screen-hidden" ... >
静的環境では、ボタンとポップアップの両方に多くの属性が追加されます。動的に行うと、属性が欠落しています。
ポップアップを作成した後に「popup()」関数を呼び出そうとし、ボタンの同様の関数をいくつか試しましたが、役に立ちませんでした:
$("#popupImage").popup();
誰かがここで何が悪いのか手がかりを持っていますか?
よろしくお願いします！シュテフェン