Jquery 暂停Cycle2中的嵌套幻灯片

我已经在一个站点的几个幻灯片上成功地实现了cycle2插件，包括一个嵌套的幻灯片。我有所有的简单，明显的东西工作，但我有一个先进的位是我的头有些麻烦

我有一个嵌套幻灯片。类别的幻灯片放映显示单个幻灯片。我在父幻灯片上有寻呼机导航，在每个内部幻灯片上有下一个/上一个导航。在使用cycle之前，我已经做了这个设置，我在cycle版本上做的一件事是一些js，它只会导致当前活动的内部显示运行。这就是我这次无法解决的问题

发生的情况是，当category1首次加载时，cat1内部会滑动。他们在自动前进和下一个/上一个。但如果我单击category2，则cat2内部幻灯片的位置与我离开时cat1幻灯片的位置相同。这适用于你翻页浏览的任何类别。无论您是在等待自动前进还是在使用下一个/上一个导航，所有内部幻灯片的进度都是相同的。我想发生的是，类别1加载，你看一下，然后点击另一个类别，当新的内部幻灯片集加载时，它们从自己的幻灯片集开始。如果我看幻灯片2.3，点击类别4，我接下来看到的是4.1，而不是4.3。理想情况下，我希望每个内部幻灯片在您离开时都能暂停，这样，如果您返回到它，您就可以继续您离开的地方。但至少我不希望他们在看不到的时候继续前进

Malsup的网站上有一个嵌套幻灯片示例，但源代码中的js有点让我摸不着头脑。我基本上可以知道它在做什么（当每个子幻灯片完成时，它会自动从parent1前进到parent2再前进到parent3，子幻灯片只运行一次，然后关闭），但我无法整理js以及各种可用的命令和事件，以便为我试图实现的目标推出我自己的解决方案。新版本显然太新了，没有一个答案是我可以挑选出来的

我解决这个问题的努力很差

---

谢谢

发生这种情况的原因是所有内部循环都在同时进行

首先，我将所有嵌套幻灯片（除category1外）设置为暂停

data cycle=“true”

，这将暂停它们

接下来，我将嵌套幻灯片中的寻呼机设置为具有不同的类。当它们都有相同的类时，单击“下一步”，它会将带有该寻呼机类的每个幻灯片移动到下一个幻灯片。如果它们都是唯一的，那么它将只控制移动当前幻灯片

var outer = $('.catdisplay');
var inners = $('.portfolioslides');

$('.catdisplay').on('cycle-before', function(e, opts) {
    // ignore bubbled events from inner slideshows
    if (e.target !== this)
        return;
    inners.cycle('pause');
});
$('.catdisplay').on('cycle-after', function (e, opts) {
    inners.cycle();
});