Question

我正在制作一个网站，目前正在test2.applicationcreations.net进行测试。使用动态更改图像的图库。我正在使用swipeJS作为滑块。

当您导航到项目库然后导航到自定义主页时，加载了正确格式的新HTML，但旋转器不起作用。我认为问题是swipeJS没有在新代码上初始化。我尝试使用window.mySwipe = new Swipe(document.getElementById('slider'));将新项目传递给对象，但我没有运气。

出于某种原因，如果我点击Chrome 18 OS X上的inspect元素，旋转器将使用新内容。

非常感谢任何帮助实现此工作。谢谢。

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();

让swipeJS使用加载了ajax的内容

1 个答案: