通过上面方法就可以实现了swiper的点击事件。我上面的代码中补充了一种条件就是当swiper轮播节点只有一个的时候回出现点击无效的情况,针对这一情况在方法里进行判断一下,如果只有一个节点直接将节点0赋值给nowNode即可。
上面有一个判断是否点击的是底部圆的点判断我在下面贴出来供大家参考
isDOMContains:function(parentEle,ele,container){ console.log(parentEle) //判断一个节点是否是其子节点 //parentEle: 要判断节点的父级节点 //ele:要判断的子节点 //container : 二者的父级节点 //如果parentEle h和ele传的值一样,那么两个节点相同 if(parentEle == ele){ return true } if(!ele || !ele.nodeType || ele.nodeType != 1){ return false; } //如果浏览器支持contains if(parentEle.contains){ return parentEle.contains(ele) } //火狐支持 if(parentEle.compareDocumentPosition){ return !!(parentEle.compareDocumentPosition(ele)&16); } //获取ele的父节点 var parEle = ele.parentNode; while(parEle && parEle != container){ if(parEle == parentEle){ return true; } parEle = parEle.parentNode; } return false; }