问题描叙:
1.界面采用js、html、css及bootstrap相关技术开发而成。再PC端及安卓端都运行正常,但是再ios手机中加载selectpicker时下拉框缺显示为空白。
pc端及安卓端的正常界面:
ios上的运行的时出发点击事件时三个下拉框出则为空白。
html中为div绑定点击事件。当点击该div会触发点击事件 显示地址的三级联动下拉框
同时:id为listaddress的div为上叙的三个联动下拉框
在javascript文档就绪事件中 通过selectpicker出事话三级联动框 机制如下代码
setcity中则是通过省份的内容来加载city下拉框的内容
在android及pc端运行加载都是正常的 但是在ios上显示三个下拉框 都为空白 。 第一次来这,希望来大佬帮忙解决了 今天自己改了一天,但是依然没有成功。
https://blog.csdn.net/u012962759/article/details/79491990
ios上为什么显示空白,你得去ios模拟器,配合safari调试,看看你的下拉框应用到什么css属性,位置,大小..我现在不知道具体原因,,假设原因是这样的:
你的弹出框是一个absolute的元素,没有写top值,在一般浏览器中会默认使用top 0,有些平台就不应用top 0,而是放在子元素的下面,在屏幕外去了
具体原因你还是得去safari调试看看最好,在Element里面直接修改css属性看看效果。
android也有调试方式,了解一下google的inspect
标签在android8.0会直接奔溃,因为原生代码的bug,所以如果想适配所有平台,尽量用些简单的javascript原生的组件。