在弹出窗口中滑动图片

Question

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

Answer 1

好吧好像自己已经解决了......

ID不应放在div上，而应放在图像本身上。