jquery mobile を使用して、ポップアップでスワイプ イベントを認識するのに苦労しています。ページ間のスワイプを正常に実装しましたが、ポップアップで動作させることができないようです。
私のポップアップには、画像と閉じるボタンが含まれています。スワイプすると、その後ろのページがスワイプされ、ポップアップが消えます。スワイプ イベントにバインドされたコールバック関数が呼び出されることはありません。
ここに私のHTMLコードがあります:
<a href="#vikingmanager1popup" data-rel="popup" data-position-to="window"><img src="images/vikingmanager1_thumb.jpg" />
<div data-role="popup" id="vikingmanager1popup" id="pic">
<img class="popphoto" src="images/vikingmanager1.jpg" />
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right"></a>
</div>
これが私のjsです：
$(document).on('swipe',"#pic",function() {
console.log("Hello");
});