2015-01-06 2 views
0

i отображение изображений из базы данных, и я использую следующий и предыдущий для разбивки на страницы страницы. то, что я хочу достичь, - это связать события щелчка следующего и предыдущего с событием swipe, поэтому, когда пользователь пробирается справа налево, следующая ссылка запускает слева направо предыдущие триггеры ссылок. это гиперссылки для текстов. Предыдущая - Следующая <%=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», вы должны привязать его либо к всей странице, либо к некоторой локализованной части, в которой поддерживается swiping. Когда конкретное событие салфетки вы ищете, вы можете вызвать соответствующую следующую или предыдущую навигацию (или просто вызвать .click() на соответствующей кнопке).

Помните, что при назначении событий трансляции на всю страницу, так как они могут помешать жестов жесткого диска назад/вперед на уровне браузера.

Смежные вопросы