jQuery可以在网络浏览器上使用，但不能在移动浏览器上使用

Question

这在web浏览器中运行良好，但在移动浏览器上不起作用。我在这里错过了什么？我只能将脚本添加到页面中，根本无法编辑选择选项。我已经看到.val或.change在移动浏览器上不起作用，但我找不到一个文档化的修复程序或一些适用于所有平台的基本代码。

$("#CallTimeRange").on('keyup change select', (function () {

var later = $('#CallTimeRange').val(); 
var timezone = $('#TimeZone').val();
if (later === 'select a time' || timezone ==='9') {

$('#submitSchedule').css('display', 'none');

return false;
}else{

$('#submitSchedule').css('display', 'block');

return;

}

})); 

<select id="CallTimeRange" tabindex="3" name="CallTimeRange">
<option value="select a time">select a time</option>
<option value="6:00 AM-8:00 AM">6:00 AM-8:00 AM</option>
<option value="8:00 AM-10:00 AM">8:00 AM-10:00 AM</option>
<option value="10:00 AM-12:00 PM">10:00 AM-12:00 PM</option>
<option value="12:00 PM-2:00 PM">12:00 PM-2:00 PM</option>
<option value="2:00 PM-4:00 PM">2:00 PM-4:00 PM</option></select> 

Answer 1

使用onchange 编写脚本可能会更容易

<select onchange="myFunction()">

通过这种方式，您可以按照下面的示例使用纯html标记。只需根据您的要求对功能进行更改即可。

<script>
window.addEventListener("resize", myFunction);
function myFunction() {
var $myWidth = document.body.clientWidth;
$myWidth=($myWidth * (4 / 4));
var $myHeight= ($myWidth / (16/9));       // var myHeight="900.876976978";
$myHeight= Math.round($myHeight);

document.getElementById("Edit1").width = $myWidth -40;
document.getElementById("Edit1").height = $myHeight;
}
</script>

Answer 2

用普通javascript编写。