关于ios加载html界面时selectpicker无法正常显示问题 5C

问题描叙:
1.界面采用js、html、css及bootstrap相关技术开发而成。再PC端及安卓端都运行正常,但是再ios手机中加载selectpicker时下拉框缺显示为空白。
pc端及安卓端的正常界面:
图片说明
图片说明
ios上的运行的时出发点击事件时三个下拉框出则为空白。
html中为div绑定点击事件。当点击该div会触发点击事件 显示地址的三级联动下拉框
图片说明
同时:id为listaddress的div为上叙的三个联动下拉框
图片说明

在javascript文档就绪事件中 通过selectpicker出事话三级联动框 机制如下代码图片说明

setcity中则是通过省份的内容来加载city下拉框的内容
图片说明

在android及pc端运行加载都是正常的 但是在ios上显示三个下拉框 都为空白 。 第一次来这,希望来大佬帮忙解决了 今天自己改了一天,但是依然没有成功。

3个回答

补上pc端微信自带浏览器及ios苹果机出bug的界面图片说明

ios上为什么显示空白,你得去ios模拟器,配合safari调试,看看你的下拉框应用到什么css属性,位置,大小..我现在不知道具体原因,,假设原因是这样的:
你的弹出框是一个absolute的元素,没有写top值,在一般浏览器中会默认使用top 0,有些平台就不应用top 0,而是放在子元素的下面,在屏幕外去了

具体原因你还是得去safari调试看看最好,在Element里面直接修改css属性看看效果。
android也有调试方式,了解一下google的inspect

标签在android8.0会直接奔溃,因为原生代码的bug,所以如果想适配所有平台,尽量用些简单的javascript原生的组件。

u013147734
渐行渐远是否还有一种坚持留在心间 模拟器不能跑微信,先用模拟器上的浏览器访问你的地址,看看能不能复现,不能的话你可能只有一个一个原因去猜想了。
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!