将 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"
我已经开始使用 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"