私は非常に単純な「よろしいですか?」をポップアップしようとしています。jQuery Mobile のポップアップ。しかしdata-rel="popup"
、ボタンを使用しても何も起こりません。を削除するdata-rel
と開きますが、フルウィンドウとして表示されます。ロジックはうまく機能しますが、それでもポップアップが表示されることを望みます。
コードは次のとおりです(簡略化-他のページ、ヘッダー、htmlなどを削除しました-アプリはこの問題以外はうまく機能するため、それらをデバッグする必要はありません)。確認する 2 つの要素は、ボタン「clearHistory」とポップアップ自体「history」です。
<!-- history page -->
<div data-role="page" id="history">
<div data-role="header" data-position="fixed">
<a href="#" data-role="button" data-rel="back" data-icon="arrow-l" data-iconpos="notext">Back</a>
<h1>History</h1>
<a href="#deletePopup" data-role="button" data-rel="popup" id="clearHistory" data-icon="delete" data-iconpos="notext" data-theme="d">Delete</a>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" id="historyList" data-inset="true" data-theme="f"></ul>
<h4 id="historyEmpty">History is empty</h4>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4><a class="ttg" href="http://www.TravelingTechGuy.com" rel="external" target="_blank">Traveling Tech Guy</a></h4>
</div><!-- /footer -->
</div>
<!-- end history page -->
<!-- delete history popup -->
<div data-role="popup" id="deletePopup" data-overlay-theme="a" data-theme="c" data-dismissible="false">
<div data-role="header" data-theme="a">
<h1>Delete History?</h1>
</div>
<div data-role="content" data-theme="d">
<h3>Delete all items in history?</h3>
<a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="b">Cancel</a>
<a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="d" id="deleteHistory">Delete</a>
</div>
</div>
<!-- delete history popup -->
ここで何が欠けているのですか?