swipe插件的按钮如何放置在外面

如果你指的是 Swipe.js 这个插件，它是用于创建可滑动的轮播图的，它并不提供创建按钮的功能。不过，你可以通过在轮播图外部添加自定义按钮来实现类似的效果。

具体实现方式如下：

1. 创建一个包含轮播图和自定义按钮的父容器。
2. 将轮播图和自定义按钮添加到父容器中。
3. 将父容器设置为可滑动的，并将其宽度设置为屏幕宽度的两倍，这样可以让自定义按钮超出屏幕。
4. 将自定义按钮的位置设置在父容器的右侧。

示例代码：

HTML:

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

CSS:

.slider-container {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}

.slider {
  display: inline-block;
  width: 100%;
  height: 200px;
}

.slide {
  display: inline-block;
  width: 100%;
  height: 100%;
}

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

JavaScript:

$('.slider-container').width($(window).width() * 2);

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

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