我在使用 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");
});