将 select 设置为宽度 100% 会在 android 5.1.x 和 Nexus-7(phonegap 构建)上禁用 select 功能

setting select to width 100% disables select function on android 5.1.x and Nexus-7 (phonegap build)

我已经开始使用 phonegap 构建,cli 5.x 并尝试构建一个包含多个输入的搜索表单,其中 3 个是 select 个框。

一切正常,直到我想将 select 节点的 css 设置为 100%。如果我启用此 css,selection 将不再打开。

我的 Android 无法运行的测试设备是装有 Android 5.1.1 (Lollipop) 的 Nexus 7。在 IOS 和 Android 设备 4.x 上一切正常。

我们使用的语言是带有 JQuery 的 Typescript,将被编译为 Javascript ES5 (commonJS Style)。

示例脚本:

var sampleData = [{"val": 1, "text": "sample A"}, {"val": 2, "text": "sample B"}];

var myContainer $('#content-box');

var selectBox = $('<select>').attr('id', 'mySelectBox');
selectBox.append($('<option>').attr('value', 'none').html('-- none --'));

for(var index in sampleData) {
  var obj = sampleData[index];
  selectBox.append($('<option>').attr('value', obj['val']).html(obj['text']));
}

// code above works fine

$('select').css('width', '100%'); 
// this crashes the popup after compilation
// and i have to use phonegap-build

顺便说一句,如果我有超长内容超过 100% 的屏幕,它就可以工作。只是拉伸似乎崩溃了。

我不使用 jquery 移动设备,我们构建的某些功能无法使用它!!!

也尝试了外部 css,同样失败。

有人有解决方法或修复方法吗?有人可以确认这个解决方案吗?

尝试为要修改的元素设置一个 ID,

然后尝试

$('#select').css('width', '100%');

if id="select"