swipejs的bug

Github:https://github.com/thebird/Swipe

現在最新的版本是2.0,bug如下:

1.觸摸後不會自動播放

修復方式,

function stop() {  
  
    //delay = 0;  
    delay = options.auto > 0 ? options.auto : 0;  
    clearTimeout(interval );  
  
  }


2.小於三個輪播元素,會多生成輪播元素

修復方式,

//Source codes: 
 if (browser.transitions && options.continuous && slides.length < 3) {
      element.appendChild(slides[0].cloneNode(true));
      element.appendChild(element.children[1].cloneNode(true));
      slides = element.children;
    }

//Modified codes:

  //special case if two slides
    if (browser.transitions && options.continuous && slides.length < 3) {
      //element.appendChild(slides[0].cloneNode(true));
      //element.appendChild(element.children[1].cloneNode(true));
      //slides = element.children;
    }


3.不同高度的輪播元素,矮的那位下面會有空白(爲了佈局穩定性,也不能說bug)

var height, heights = [];

function setup() {
    //前面不變... 
    container.style.visibility = 'visible'; //在這之後加 
    container.style.height = slides[index].offsetHeight + 'px'; //修復不同高度之間的切換 

}

function slide(to, slideSpeed) {
    //前面不變... 
    offloadFn(options.callback && options.callback(index, slides[index])); //在這之後加 
    setHeight(to);
}

function setHeight(index) { //修復不同高度之間的切換 
    if (-1 < index && index < slides.length) {
        height = slides[index].offsetHeight;
        container.style.height = height + 'px';
    }
}



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章