2013-02-08 69 views
0

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

回答

1

好似乎已经解决了它自己...

的ID不应该被放置在div上,但在图像上。