swipe插件按钮为什么放置在外面就被隐藏了

如果你使用的是 Swipe.js 这个插件，将按钮放在轮播图容器（即 `div.swipe-wrap`）的外面时，可能会被隐藏的原因是：

1. 轮播图容器的宽度没有被正确设置：在 Swipe.js 中，轮播图容器的宽度是根据轮播图中的每张图片的宽度计算得出的，如果轮播图容器的宽度没有被正确设置，那么超出轮播图容器宽度的内容（如放在轮播图容器外面的按钮）就会被隐藏。

2. 轮播图容器的 `overflow` 属性被设置为 `hidden`：如果轮播图容器的 `overflow` 属性被设置为 `hidden`，那么超出轮播图容器宽度的内容就会被隐藏。

解决方法：

1. 设置轮播图容器的宽度：你可以通过 JavaScript 动态计算轮播图容器的宽度，并将其设置为屏幕宽度的两倍，这样超出轮播图容器宽度的内容就能显示出来了。

2. 修改轮播图容器的 `overflow` 属性：将轮播图容器的 `overflow` 属性设置为 `visible`，这样超出轮播图容器宽度的内容就能显示出来了。

示例代码：

HTML:

<div class="slider-container">
  <div class="swipe">
    <div class="swipe-wrap">
      <div class="slide">Slide 1</div>
      <div class="slide">Slide 2</div>
      <div class="slide">Slide 3</div>
    </div>
  </div>
  <button class="custom-button">Custom Button</button>
</div>

CSS:

.slider-container {
  position: relative;
  width: 100%;
}

.swipe {
  overflow: visible;
}

.swipe-wrap {
  display: flex;
}

.slide {
  flex: 0 0 100%;
}

.custom-button {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
}

JavaScript:

var containerWidth = $('.slider-container').width();
$('.swipe-wrap').width(containerWidth * 2);

$('.custom-button').click(function() {
  // 处理自定义按钮的点击事件
});

注意，这只是一种实现方式，具体实现方式可能因为具体需求而有所差异。