2015-01-06 74 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())。

將滑動事件分配給整個頁面時要小心,因爲它們可能會干擾瀏覽器級別的後退/前進滑動手勢。