Jquery 幻灯片1&；单击幻灯片1图像时幻灯片2图像移动

我正在使用这个插件和HTML代码

如果我使用，一个滑块。。它装载良好，没有任何问题

但是，当我们在同一页上需要两个滑块时，两个滑块都开始滑动图像

示例：幻灯片1移动幻灯片2图像同时移动

如果用户单击，需要帮助仅移动幻灯片1图像。幻灯片1和幻灯片2容器之间不应存在任何关系

谢谢

HTML:

<!-- Slide 1 -->
<div class="signpost seq visible-xs">
  <div class="seq-screen">
    <ul class="seq-canvas">
      <li class="seq-step11 seq-in">
        <img src="./images/promo-01.jpg">
      </li>
      <li class="seq-step12 seq-in">
        <img src="./images/promo-02.jpg">
      </li>
      <li class="seq-step13 seq-in">
        <img src="./images/promo-03.jpg">
      </li>
    </ul>
  </div>
  <ul class="seq-pagination" role="navigation" aria-label="Pagination">
    <li><a href="#step11" rel="step11" title="Go to slide 11">Link 11</a></li>
    <li><a href="#step12" rel="step12" title="Go to slide 12">Link 12</a></li>
    <li><a href="#step13" rel="step13" title="Go to slide 13">Link 13</a></li>
  </ul>
</div>

<!-- Slide 2 -->
<div class="signpost seq visible-xs">
  <div class="seq-screen">
    <ul class="seq-canvas">
      <li class="seq-step21 seq-in">
        <img src="./images/promo-21.jpg">
      </li>
      <li class="seq-step22 seq-in">
        <img src="./images/promo-22.jpg">
      </li>
      <li class="seq-step23 seq-in">
        <img src="./images/promo-23.jpg">
      </li>
    </ul>
  </div>
  <ul class="seq-pagination" role="navigation" aria-label="Pagination">
    <li><a href="#step21" rel="step21" title="Go to slide 21">Link 21</a></li>
    <li><a href="#step22" rel="step22" title="Go to slide 22">Link 22</a></li>
    <li><a href="#step23" rel="step23" title="Go to slide 23">Link 23</a></li>
  </ul>
</div>

var options = {
    keyNavigation: true,
    fadeStepWhenSkipped: false,
    autoPlay: true,
    autoPlayInterval: 4000,
    autoPlayDelay: null,
    autoPlayDirection: 1,
    autoPlayPauseOnHover: false
};

var signpostCarousel = $('.signpost-mobile');
signpostCarousel.each(function () {
    var initializeSignpostCarousel = sequence(this, options);
});

---

根据他们的文件：

可以在同一页面上放置Sequence.js的多个实例，如下所示：

（）

---

因此，您需要两个不同的ID或类，每个滑块容器对应一个ID或类，请参见其文档：

可以在同一页面上放置Sequence.js的多个实例，如下所示：

（）

---

因此，您需要两个不同的ID或类，每个滑块容器一个。嘿，尝试为滑块和每个滑块提供不同的类和导航。嘿，尝试为滑块和每个滑块提供不同的类。嘿。。我们是否可以像var arrayVal=[1,2,3,4,5]那样进行数组。。所以，我可以添加“sequence1，sequence2，sequence3，sequence4，sequence5”，也许你可以这样做，请看：但我无法使它与sequence.jsHi一起工作。。我们是否可以像var arrayVal=[1,2,3,4,5]那样进行数组。。所以，我可以添加“sequence1，sequence2，sequence3，sequence4，sequence5”，也许你可以这样做，请看：但我无法使它与sequence.js一起工作

var sequenceElement1 = document.getElementById("sequence1");
var sequenceElement2 = document.getElementById("sequence2");
var mySequence1 = sequence(sequenceElement1);
var mySequence2 = sequence(sequenceElement2);