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"}); 
      } 
      }) 
    });