touchmoveでhtml要素を検出する方法

Question

私は一連のリスト項目を持っています。 iphone（タッチデバイス）では、ユーザーがタッチして画面上で指を動かすと、触れたすべてのhtmlのli要素をキャプチャします。

どうすれば入手できますか？これらの要素のすべてのIDを取得したいとし、アラートが終了したときに警告するとします。私は「スワイプでのjQuery Mobileと試みた

タッチ 『を開始し、その特定の要素が現れるから」イベントだけ最初のものは、あまりにもあればということ、触れることにする』。これは上で動作する場合

Answer 1

わかりませんあなたがスクロールを無効にしない限り、モバイルデバイス。

ワークスデスクトップ用とちょっと私のiPhone上

• http://jsfiddle.net/dYkcE/4/
• http://jsfiddle.net/dYkcE/5/

JS

// List of events: http://api.jquery.com/category/events/ 
// tap taphold swipe swiperight swipeleft 
// click change dblclick submit 
function bindEvents(element) { 
    element.bind('mouseenter', function(event) { 
     //alert('Element Id: '+$(element).attr('id')+' Event: '+event.type); 
     console.log('Element Id: '+$(element).attr('id')+' Event: '+event.type); 
    }); 
} 

$('#theList li').each(function(){ 
    bindEvents($(this)); 
}); 

HTML

<div data-role="page" class="type-home"> 
    <div data-role="content"> 

     <ul id="theList" data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
      <li id="list-d" data-role="list-divider">Items</li> 
      <li id="list-item-1"><a href="#">List Item 1</a></li> 
      <li id="list-item-2"><a href="#">List Item 2</a></li> 
      <li id="list-item-3"><a href="#">List Item 3</a></li> 
      <li id="list-item-4"><a href="#">List Item 4</a></li> 
      <li id="list-item-5"><a href="#">List Item 5</a></li> 
      <li id="list-item-6"><a href="#">List Item 6</a></li> 
      <li id="list-item-7"><a href="#">List Item 7</a></li> 
      <li id="list-item-8"><a href="#">List Item 8</a></li> 
      <li id="list-item-9"><a href="#">List Item 9</a></li> 
      <li id="list-item-10"><a href="#">List Item 10</a></li> 
     </ul> 

    </div> 
</div> 

私はあなたが複数のイベントを結合して、あなたが探している右のコンボを見つけるためにそれらをログに記録可能性が確信しています。