2015-01-06 78 views
0

我显示来自数据库的图像,我使用next和previous作为页面的分页。我想要实现的是将下一个和上一个的点击事件绑定到滑动事件,因此当用户从右向左滑动时,下一个链接会从左向右触发前一个链接触发。这是文本的超链接。 上一页 - <%=MM_movePrev%>下一页 - <%=MM_moveNext%>绑定点击事件刷卡

<div data-role="page" id="page1"> 
    <div data-role="header"> 
    <h1>Header</h1> 
    </div> 
    <div data-role="content"> 
    <table width="440" border="0" align="center" cellpadding="2" cellspacing="2"> 
     <tr> 
     <td colspan="2"><div id="holder"> <img src="../<%=(rs_feeds.Fields.Item("pic").Value)%>" alt="" width="430" class="img_round" border="1" /></div></td> 
     </tr> 
     <tr> 
     <td width="305" class="style52"><a href="<%=MM_movePrev%>"><span class="style5">&lt;&lt;Previous </a></td> 
     <td width="173" colspan="-2"><div align="right" class="style52"> <a href="<%=MM_moveNext%>" class="style53">Next&gt;&gt;</a> </div></td> 
     </tr> 
     <tr> 
     <td colspan="2"><hr /></td> 
     </tr> 
    </table> 
    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 

我希望有一个脚本绑定到的链接,使其工作

回答

0

看看像jQuery's touchSwipe库来完成你在寻找什么。

您不希望将“swipeLeft”和“swipeRight”分配给按钮,而是要将其绑定到整个页面或其中支持滑动的某个本地化部分。当您要查找的特定滑动事件触发时,您可以调用相应的下一个或上一个导航(或者只需在相应的按钮上调用.click())。

将滑动事件分配给整个页面时要小心,因为它们可能会干扰浏览器级别的后退/前进滑动手势。