require加载CSS被wex5覆盖BUG

feifei_123

本想使用mobiscroll替代wex5的时间控件，发现样式被wex5原有的时间控件样式给覆盖了，具体请见附件图片及代码。。。

图片2的比较是："代码中test/js/mobiscroll/test.html直接在浏览器打开（正常样式、图片右侧）"  与 "test/mainActivity.w（异常样式、图片左侧）" 的比较结果...


推测：require的样式跟wex5原有样式中的类同名，则会被wex5原有样式覆盖（还没空验证）。。。

liangyongfei

把你运行正常的那个文件也发来看看，我比对先！看看是哪儿的样式给冲掉了！

feifei_123

liangyongfei 发表于 2015-12-2 17:24
把你运行正常的那个文件也发来看看，我比对先！看看是哪儿的样式给冲掉了！ ...

正常代码包含在里面了，位置：test/js/mobiscroll/test.html，浏览器直接打开
谢谢啦~

liangyongfei

feifei_123 发表于 2015-12-2 17:32
正常代码包含在里面了，位置：test/js/mobiscroll/test.html，浏览器直接打开
谢谢啦~ ...

因为我们日期组件就是引用的这个控件，可以看先代码：/UI2/system/components/justep/input/js/datePicker.js

所以肯定会冲突的，你直接使用我们的如期控件就可以了，不必要再次引入了！

如果非要使用自定义的这个控件，就不能在.w中使用任何的可视化组件，可以使用原生的html标签就没问题了，

feifei_123

liangyongfei 发表于 2015-12-2 18:15
因为我们日期组件就是引用的这个控件，可以看先代码：/UI2/system/components/justep/input/js/datePicker ...

“如果非要使用自定义的这个控件，就不能在.w中使用任何的可视化组件，可以使用原生的html标签就没问题了” 意思是只有在编译后的html源码中修改才可以吗？我试过了如果在.w文件中直接使用html标签的input也是不行的。。有没简单方便的方式可以显示正常样式呢？因为mobiscroll控件还有其他很多功能功能是目前datePicker所不具备的，我相信也很多人想知道如何正常使用到这个控件。。

feifei_123

liangyongfei 发表于 2015-12-2 18:15
因为我们日期组件就是引用的这个控件，可以看先代码：/UI2/system/components/justep/input/js/datePicker ...

我也试过把控件的css代码放入到.w对应的.css文件里，也是不生效的...

feifei_123

已修改源码处理，请结贴。。

顺便分享下wex5正常使用mobiscroll的方法，具体见附件。

staticzhang

同样遇到相同问题, 请问下如何不加载wex5 datapicker引用

feifei_123

staticzhang 发表于 2016-3-23 15:31
同样遇到相同问题, 请问下如何不加载wex5 datapicker引用

onLoad事件里写mobiscroll的初始化就行了
如：
var inputId = this.getIDByXid('input');
$('#'+inputId).mobiscroll();

feifei_123

feifei_123 发表于 2016-3-23 17:56
onLoad事件里写mobiscroll的初始化就行了
如：
var inputId = this.getIDByXid('input');

可下载 test.rar 看使用方法