Javascript 运行两个滑动js旋转木马的下一个和上一个按钮

我在一个页面上有两个单独的滑动转盘，但下一个和上一个按钮工作不正常

HTML

    Slider 1
<div id='slider1' class='swipe'>
    <div class='swipe-wrap'>
        <div>
            <div>0</div>
            <div>1</div>
        </div>
        <div>
            <div>2</div>
            <div>3</div>
        </div>
        <div>
            <div>4</div>
            <div>5</div>
        </div>
        <div>
            <div>6</div>
            <div>7</div>
        </div>
        <div>
            <div>8</div>
            <div>9</div>
        </div>
        <div>
            <div>10</div>
            <div>11</div>
        </div>
        <div>
            <div>12</div>
            <div>13</div>
        </div>
    </div>
</div>
<div>
    <button class='prev' onclick='slider1.prev()'>prev</button>
    <button class='next' onclick='slider1.next()'>next</button>
</div>Slider 2
<div id='slider2' class='swipe'>
    <div class='swipe-wrap'>
        <div>0</div>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
        <div>6</div>
        <div>7</div>
        <div>8</div>
        <div>9</div>
        <div>10</div>
        <div>11</div>
        <div>12</div>
        <div>13</div>
    </div>
</div>
<div>
    <button class='prev' onclick='mySwipe.prev()'>prev</button>
    <button class='next' onclick='mySwipe.next()'>next</button>
</div>

滑块1
0
1
2
三
4
5
6
7
8
9
10
11
12
13
上
下一个
滑块2
0
1
2
三
4
5
6
7
8
9
10
11
12
13
上
下一个

问题在于您将两个滑动实例分配给同一个变量。因此，第二个实例将覆盖第一个实例。我已经更新了你的小提琴解决这个问题：谢谢@xat:）工作得很好