Jquery Mobile - プレスイベントで？

Question

jqueryを使用してボタンを押すジェスチャーに対処できますか？ユーザーが押すとタブの色が変わりますので、基本的にはオンプレスなどが必要ですか？私はこれまで他のサイトでこれを見てきましたが、それを行う方法を理解できません。

ありがとうございました！

乾杯 ポール

Answer 1

ただ、通常のjQuery .clickイベントを使用します。

Answer 2

タップイベントをバインドすることができます。

$('#id').bind('tap', function(event, data){ //code }; 

もっとここで読む：http://jquerymobile.com/demos/1.0rc1/docs/api/events.html

Answer 3

関連：

• Specifying the styles for the selected tab in a navbar

ライブ例：

• http://jsfiddle.net/phillpafford/8pwFK/29/

JS：

$('#custom-li-1').click(function() { 
    $(this).attr('data-icon','star'); 
    $(this).children().children().next().removeClass('ui-icon-custom').addClass('ui-icon-star'); 
}).page(); 

$('#custom-li-2').click(function() { 
    $(this).attr('data-icon','home'); 
    $(this).children().children().next().removeClass('ui-icon-grid').addClass('ui-icon-home'); 
}).page(); 

$('#custom-li-3').click(function() { 
    $(this).attr('data-icon','grid'); 
    $(this).children().children().next().removeClass('ui-icon-star').addClass('ui-icon-grid'); 
}).page(); 

HTML：

<div data-role="page" id="home"> 
    <div data-role="header" data-theme="b"> 
     <h1>Test</h1> 
    </div> 
    <div data-role="content" data-theme="d"> 
     <div data-role="navbar" data-theme="d"> 
      <ul id="custom-nav-list"> 
       <li><a href="#" data-icon="custom" class="ui-btn-active" id="custom-li-1">Home</a></li> 
       <li><a href="#" data-icon="grid" id="custom-li-2">Second page</a></li> 
       <li><a href="#" data-icon="star" id="custom-li-3">Third page</a></li> 
      </ul> 
     </div> 
    </div> 

</div> 

Answer 4

私は、ユーザーがDIV2のどこかに触れたときDIV1を非表示にしたかったです。

だけ..クリックまたはタップ目的を果たしていなかったを使用したので、タッチイベントのすべての種類をキャプチャするには、次の

を使用して終了

$('#div2').bind('tap click swipe focus', function() { 
    $('#div1').hide(); 
}); 

を使用