Code Monkey home page Code Monkey logo

swipeslide's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

swipeslide's Issues

page 里面的元素如果超出一屏,横向滚动无效.

<div class="page"> <div class="title">page one</div> <div class="subtitle">page one subtitle</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="title">page one</div> <div class="arrow-h"><i></i></div> </div>

README.md 文件上的一些问题

  • 第二个DEMO(文字)和第三个DEMO(大图)的二维码反了
  • 第四个DEMO好像有点小Bug,点击上面的导航可以跳转到对应页面,但是没有为对应导航加上 Active 样式

配置参数不可扩展除ul li 之外的其他dom结构

西门大哥您好,我问一下,这个插件只适用于ul>li这样的dom结构吗?配置参数里的ul 和 li指定其他的dom元素插件就会报错。可以配置成任何结构都适用吗,这样插件的使用范围就更广了。

动态元素bug

一个ul里的li动态变化,给这个ul的父元素绑定插件后会出现bug,建议在init中加上
me.$el.off();

滑动中 AJAX

场景是这样的
有可能数据太多 需要在滑动的时候 AJAX请求新的数据 再append后面的UL中
重新把UL里的HTML清楚 在append这个新的数据 再重新调用swipeSlide
但是新生成的UL滑动到最后的时候 会马上跳转到第一个LI

重新调用swipeSlide 元素就绑定了两次 所以产生了BUG
如果 数据很多 需要用AJAX去请求新的数据append 怎么玩?

提个代码的问题

line:233
if(opts.axisX){
_moveDistance = _moveResultX;
}else{
_moveDistance = _moveResultY;
}

js中有几处类似的代码,为什么这样写呢?不解?

为什么不能调整图片的高度呀?

我用的是你demo1里面的slide3例子,
我把里面的图片替换成了750*800的例子,但是高度调整不了!
我把里面的css换了下,发现可以了,但是,在PC上又不行了。

原来代码

.slide{
position: relative;
max-width: 640px;
overflow: hidden;
margin: 20px auto;
}
.slide:after{
content: '';
display: block;
width: 100%;
padding-top: 50%;
}
.slide ul{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.slide li{
list-style: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
我修改后的代码
.slide{
position: relative;
max-width: 750px;
}
.slide ul{
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.slide li{
list-style: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
}

这是什么原因尼?
谢谢了!

手指滑动导致自动滑动失效

对于设定了autoSlide的情形,如果在第一屏手指横屏左滑或者在最后一屏横屏又滑,大概率会导致其后自动滑动功能失效,页面停止自动滑动

ios的微信下,轮播时存在bug

使用的是默认的设置,轮播时在ios的微信下轮播动画播放一半后马上一闪而过,后来在安卓的微信以及ios的safari下测试都是不存在该问题的。所以此bug只会在ios的微信下出现。

Is need css style in this plugin?

Hey,guys,nice slide plugin is it. And I used it in my project. But a question I should ask you. In your README, I didn't read anything about css style when using this plugin. However this plugin works abnormal without style. So whether I should write some style when using this plugin?
PS: I find style tag in the head tag in your example website. Whether you forgot write style description in README?

针对ie设置touch-action属性

ximan你好,最近在看你写的移动端轮播,有一个地方不是太懂希望能够指点一下,谢谢!
var action = '';
if(me.opts.axisX){
action = 'pan-y';//这个地方不是太懂,不应该是‘pan-x’?
}else{
action = 'none';//这个为什么要设置none而不是'pan-y'?
}
me.$el.css({'-ms-touch-action':action,'touch-action':action});

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.