绑定点击事件进行滑动

时间:2015-01-06 22:28:06

标签: jquery html ajax

我显示来自数据库的图像,并使用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>

我希望脚本绑定到链接以使其正常工作

1 个答案:

答案 0 :(得分:0)

看看像jQuery's touchSwipe这样的图书馆来完成你所寻求的目标。

不是将“swipeLeft”和“swipeRight”分配给按钮,而是将其绑定到整个页面,或者支持滑动的一些本地化部分。当你正在寻找火灾的特定滑动事件时,你可以调用相应的下一个或上一个导航(或者只是在相应的按钮上调用.click())。

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