android - jQuery 事件在移动设备(iOS、Android)中无法正常工作

Question

jQuery 事件在浏览器中完全没有问题。

但是，在移动浏览器(iOS 和 Android)中，除非我单击按钮 1，否则它无法正确识别 jQuery 事件。我怎样才能修复它以便像在浏览器中一样在移动设备中正常工作 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);