JQuery事件在移动设备(iOS，Android)中不正常

Question

jQuery事件在浏览器中根本没有任何问题。

但是，在移动浏览器（iOS和Android）中，除非我单击按钮1，否则它无法正确识别jQuery事件。如何将其修复以在浏览器中的移动设备中正确工作，以正常工作？

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  	<section class="section">
					<select id="menuSelect">
						<option value="menu" selected="selected">choose one </option>
						<option value="a">a</option>
						<option value="b">b</option>
						<option value="c">c</option>
						<option value="d">d</option>
					</select>
    </section>
    
    <div>
          <p class="btn1 button"><input type="button"     value="button1" onclick="fn_popup_open('area_popup2');"/></p>
				<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"}); 
          }
            })
  });