Question

我正在使用名为 anythingslider 的jQuery轮播插件。它弹出并通过单击一组六个按钮中的任何一个来激活。您可以从下面看到，当我迭代JSON对象中的项时，我使用迭代变量b将事件附加到每个按钮，并将其作为参数提供给配置选项startPanel旋转木马。因此，目标只是在与每个按钮对应的幻灯片上启动轮播。

好的，好的。当我加载页面并单击任何按钮时，旋转木马确实显示正确的相应幻灯片作为开始幻灯片。但是当我将轮播的CSS设置为display: none并单击另一个按钮时，轮播仍然会在与页面加载后首次单击的按钮对应的幻灯片处开始，并且无论此后点击什么按钮都继续这样做。如何为每个按钮的点击事件真正重置轮播？

$.each(objectFromJSONFile, function (b, a) {
    $("#start-button" + b).click(function () {
        $('#stories').anythingSlider({
            startPanel: b
        });
    });
};

非常感谢。

Answer 1

看起来传递slide index to the slider会设置当前幻灯片。您的示例中几乎就在那里 - 只需使用索引变量（b）直接调用：

$.each(objectFromJSONFile, function (b, a) {
  $("#start-button" + b).click(function () {
    $('#stories').anythingSlider(b);
  });
};

在JavaScript中杀死或重置对象

1 个答案: