JSSOR Slider 在移至下一张幻灯片时删除幻灯片数据（我在 EVT_SWIPE_END 事件上附加幻灯片）答案

【问题标题】：JSSOR Slider removes the slide data while moving to next slide (I am appending slides on EVT_SWIPE_END event)JSSOR Slider 在移至下一张幻灯片时删除幻灯片数据（我在 EVT_SWIPE_END 事件上附加幻灯片）
【发布时间】：2019-04-29 02:38:56
【问题描述】：

我正在尝试在 EVT_SWIPE_END 事件上附加 JSSOR 幻灯片（因为我想动态包含幻灯片）。在我切换到下一张幻灯片并返回上一张之后，JSSOR 滑块会删除之前幻灯片和即将发布的幻灯片的数据。

https://plive.weddingoffice.com.cn/wechat/pages/vs2.html

var flag=0;
jssor_1_slider_init = function() {

  var jssor_1_options = {
        $AutoPlay: 0,
        $DragOrientation: 2,
        $PlayOrientation: 2,
        $FillMode: 2,
        $Loop: 0,
        $SlideWidth: 375,
        $BulletNavigatorOptions: {
          $Class: $JssorBulletNavigator$,
          $Orientation: 2
        }
  };

  var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
  //////////////////////trying to get append next slide/////////////////////////////
    function DisplayIndex(position, virtualPosition) {
         console.log("---------------");
        if(flag==0){
          flag=1;
          previous_position = parseInt(virtualPosition)+1;
        }
        else {
              var total_slides = jssor_1_slider.$SlidesCount();
              var current_slide = parseInt(virtualPosition)+1;
              if(previous_position==current_slide){
                console.log("do nothing");
              }
              if(previous_position>current_slide){
                console.log("previous");
              }
              if(previous_position<current_slide){
                console.log("next");
                var slidesHtml='<div><img data-u="image" src="img/010.jpg" /></div>';
                jssor_1_slider.$AppendSlides(slidesHtml, total_slides);
                jssor_1_slider.$GoTo(position);
              }
              previous_position = current_slide;
        }
    }
    jssor_1_slider.$On($JssorSlider$.$EVT_SWIPE_END, DisplayIndex);//$EVT_DRAG_END
  //////////////////////trying to get append next slide ends/////////////////////////////
};

jssor_1_slider_init();

【问题讨论】：

标签： javascript ajax html css jssor

【解决方案1】：

这是一个错误。请在此处获取版本 28.0 http://www.jssor.com/script/jssor.slider-28.0.0.min.js 我们将在几个月后发布 28.0。非常感谢！

【讨论】：

【解决方案2】：

问题在于图像的 z-index，在附加几张幻灯片后，主封面图像显示在幻灯片的主要内容上方。

【讨论】：