layer手机版和电脑版如何共存

一.  前言

公司最近有个项目手机端需要用到一些弹框，因为电脑端的弹框一直用的是layer，所以手机端索性也用了layer的移动版，但是移动版的功能实在是太少了，连tips都没有，只好又把电脑端的layer也引入了页面，却发现电脑端的layer和移动版的layer不兼容，没法一起用，主要原因是因为layer同命导致冲突。解决方法如下

二. 解决方法

1.  打开移动版layer的js文件，搜索'a.layer'，将其修改为a.xx，比如a.jia

2.  继续搜索'layer.close'，将所有的layer.close，修改为xx.close，比如jia.close

3.  修改完成后，电脑端的layer使用方式和之前完全相同，移动版的layer在使用方式上则需要做出一些改变。在修改之前，想要用移动版的layer做一个加载动画，需要这样写：

layer.open({type: 2});

修改后，需要这样写：

jia.open({type: 2});