公司开发微信端的wap网站,因为微信浏览器的限制,对很多jquery组件支持的都不是很好,弹窗总是有这样那样的问题,试验了好几个之后,最后使用了colorbox这款jquery插件
github:https://github.com/jackmoore/colorbox
将源码clone至本地,代码目录如下
colorbox ➤ ls
LICENSE.md 例子1 i18n
README.md 例子2 jquery.colorbox-min.js
bower.json 例子3 jquery.colorbox.js
colorbox.ai 例子4 package.json
content 例子5
它是基于jquery开发的,使用的前提是
包含,jquery.js,jquery.colorbox.js,以及样式文件colorbox.css
例子1到5是作者写的例子,包含不一样的样式文件,如果你觉得哪个好看,就把哪个里面的css文件包含进来即可,附上我的调用代码
<link rel="stylesheet" media="all" href="/assets/weixin/colorbox.css" />
<script src="/assets/weixin/jquery.js"></script>
<script src="/assets/weixin/colorbox.js?"></script>
有了这三个文件,就可以来写浮层了