jQueryイベントがモバイル（iOS、Android）で正しく機能していない

Question

jQueryイベントはブラウザに何の問題もありません。

しかし、モバイルブラウザ（iOSとAndroid）では、ボタン1をクリックしない限り、jQueryイベントが正しく認識されません。ブラウザのようにモバイルでjQueryのクリックイベントを正しく動作させるにはどうすればいいですか？

$(function(){ 
 
    \t 
 
     $(".btn2").css({"display":"none"}); 
 
     
 
     $("body").click(function(){ \t 
 
\t \t \t \t \t if($("#menuSelect option:selected").index() > 0){ 
 
\t \t \t \t \t \t $(".btn1").css({"display":"none"}); 
 
\t \t \t \t \t \t $(".btn2").css({"display":"block"}); \t \t \t \t \t 
 
\t \t \t \t \t } 
 
\t \t \t }) 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
    \t <section class="section"> 
 
\t \t \t \t \t <select id="menuSelect"> 
 
\t \t \t \t \t \t <option value="menu" selected="selected">choose one </option> 
 
\t \t \t \t \t \t <option value="a">a</option> 
 
\t \t \t \t \t \t <option value="b">b</option> 
 
\t \t \t \t \t \t <option value="c">c</option> 
 
\t \t \t \t \t \t <option value="d">d</option> 
 
\t \t \t \t \t </select> 
 
    </section> 
 
    
 
    <div> 
 
      <p class="btn1 button"><input type="button"  value="button1" onclick="fn_popup_open('area_popup2');"/></p> 
 
\t \t \t \t <p class="btn2"><input type="button" value="button2" id="Apply"/></p>

Answer 1

それを試してみてください。

var myElement= document.getElementById('myelement'); 

myElement.addEventListener('click', function() { 


alert('Hello world'); 

}, false); 

Answer 2

試してみてください。

$(function(){ 

     $(".btn2").css({"display":"none"}); 

     $("#menuSelect").change(function(){ 
        if($("#menuSelect option:selected").index() > 0){ 
         $(".btn1").css({"display":"none"}); 
         $(".btn2").css({"display":"block"});      
        } else { 
      $(".btn1").css({"display":"block"}); 
         $(".btn2").css({"display":"none"}); 
      } 
      }) 
    });