ajax swiper 初始有问题,动态加载swiper,默认显示最后一个swiper-slide怎么办

如果你的 AJAX 请求返回的数据包含了 swiper 的 HTML 结构，那么可以在 AJAX 请求完成后再初始化 swiper。如果你想在 AJAX 请求之前就初始化 swiper，可以尝试以下方法：

1. 在 swiper 初始化之前，先隐藏整个 swiper 容器。

2. 然后在 AJAX 请求成功后，再将隐藏的 swiper 容器显示出来。

这样做的话，在 swiper 容器被隐藏的时候，swiper 就无法计算滑块的位置和数量等信息。所以 swiper 会默认显示最后一个 slide。

以下是示例代码：

<div class="swiper-container" style="display:none;">
  <div class="swiper-wrapper">
    <!-- slides -->
  </div>
</div>

<script>
var mySwiper = null;

$(function() {
  // 先隐藏 swiper 容器
  $(".swiper-container").hide();

  // 发起 AJAX 请求
  $.ajax({
    url: "/path/to/data",
    success: function(data) {
      // 将 swiper 容器显示出来
      $(".swiper-container").show();

      // 初始化 swiper
      mySwiper = new Swiper(".swiper-container", {
        // swiper 参数设置
      });
    }
  });
});
</script>