讓swipeJS與ajax加載的內容一起工作

Question

我正在製作一個網站，目前正在測試test2.applicationcreations.net。帶有一個動態更改圖像的圖像庫。我正在使用swipeJS作爲滑塊。

當您導航到項目庫，然後自定義新的HTML格式加載正確的新HTML，但旋轉器不起作用。我相信問題是swipeJS沒有在新代碼上初始化。我試過使用window.mySwipe = new Swipe(document.getElementById('slider'));將新項目傳遞給對象，但我沒有運氣。

由於某種原因，如果我點擊Chrome 18 OS X上的檢查元素，這個旋轉器將與新內容一起工作。

任何幫助得到這個工作是非常感謝。謝謝。

Answer 1

是的，你說得對，一旦你添加了新的元素，你所需要做的就是重新初始化mySwipe對象。

這是滑動滑塊對象的第一初始化：

/*---------------------------------------- 
    Swipe slider to enable touch sliding 
----------------------------------------*/ 
document.mySwipe = new Swipe(document.getElementById('slider'), { 
    startSlide: 0, 
    speed: 400, 
    auto: 5000, 
    callback: function(event, index, elem) { 
    // do something cool 
    } 
}); 

現在只需定義哪些重新初始化滑動對象的方法。

/*---------------------------------------- 
    Reinitializing the Swipe Slider. 
----------------------------------------*/ 
document.reinit = function(){ 
    document.mySwipe = new Swipe(document.getElementById('slider'), { 
    startSlide: 0, 
    speed: 400, 
    auto: 5000, 
    callback: function(event, index, elem) { 
     // do something cool 
    } 
    }); 
} 

當您完成向現有滑塊添加新元素時調用該方法。

// Finished adding new elements 
document.reinit();