解决方案: 因为banner图是动态创建的,在插件开始初始化时,文档流中没用图片,故没有创建相应宽度,通过调整js加载顺序,问题还是没有解决。最后找到swiper插件 api 有属性是可以根据内容变动,自动初始化插件的,添加observer:true后问题解决! 示例: var mySwiper = ...
分类:
Web程序 时间:
2017-04-07 09:22:23
阅读次数:
352
var mySwiper = new Swiper('.swiper-container) 1.锁定 mySwiper.lockSwipes(); 2.解锁 mySwiper.unlockSwipes(); 3.切换到第一个slide,速度为1秒 mySwiper.slideTo(0, 1000, ...
分类:
其他好文 时间:
2017-04-02 11:00:41
阅读次数:
348
swiper滑块组件说明: 滑块视图容器,用于展示图片,可以通过用户拖拽和设置自动切换属性控制图片的切换 组件的使用示例的运行效果如下: 下面是WXML代码: [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 [/align] <sw ...
分类:
微信 时间:
2017-03-28 22:57:56
阅读次数:
647
需求:做一个文本框需要让文本框有一个默认的最小高度,当书写的文字到文本框的最底端的时候可以让文本框自动撑开。 第一种方法通过js来实现的: html部分:<textarea name="" class="disvertop describe-texa" autoHeight="true"></tex ...
分类:
其他好文 时间:
2017-03-24 13:26:28
阅读次数:
148
<script> var swiper = new Swiper('.module01 .swiper-container', { pagination: '.module01 .swiper-pagination', paginationClickable: true,autoplay : 100 ...
分类:
其他好文 时间:
2017-03-23 22:17:25
阅读次数:
194
1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。 如果你的页面加载了jQuery.js或者zepto.js,你可以选择使用更轻便的swiper.jquery.min.js。 2.HTML内容。 3.你可能想要给Swiper定义一个大小,当然不要也行。 ...
分类:
其他好文 时间:
2017-03-23 20:09:26
阅读次数:
893
如题: 查了Swiper文档发现要加这个参数 slidesPerView: 'auto',就解决这个问题了,特此记录一下。 slidesPerView:设置slider容器能够同时显示的slides数量(carousel模式)。可以设置为number或者 'auto'则自动根据slides的宽度来设 ...
分类:
其他好文 时间:
2017-03-15 18:41:25
阅读次数:
288
API地址 基础演示 hover停止需要自己设置,代码如下 注意事项:名称一定要一致,至于事件加到谁身上,自己决定。 ...
分类:
其他好文 时间:
2017-03-15 00:34:06
阅读次数:
4336
先贴一下实现之后的样子: 可以上下滚动选择,也可以点击选择。 具体实现: 1.关于swiper的使用就不多说啦,去官网看下都能明白。 2.然后是初始化swiper,这才是重点 初始完之后,就是对样式的调整,为了达到以下的效果,我们需要调整样式 我们可以利用这三个类,分别表示当前选中的slide的前一 ...
分类:
其他好文 时间:
2017-03-13 11:25:32
阅读次数:
259
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width, initial-scale= ...
分类:
移动开发 时间:
2017-03-10 16:38:46
阅读次数:
223