0

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

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

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

非常感谢。

4

1 回答 1

1

看起来将幻灯片索引传递给滑块将设置当前幻灯片。在您的示例中您几乎就在那里——只需使用索引变量 ( b) 直接调用：

$.each(objectFromJSONFile, function (b, a) {
  $("#start-button" + b).click(function () {
    $('#stories').anythingSlider(b);
  });
};
于 2012-09-29T20:07:34.327 回答