在 JavaScript 中杀死或重置对象答案

【问题标题】：Killing or resetting an object in JavaScript在 JavaScript 中杀死或重置对象
【发布时间】：2012-09-29 19:56:37
【问题描述】：

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

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

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

非常感谢。

【问题讨论】：

标签： javascript jquery jquery-plugins jquery-events

【解决方案1】：

看起来传递slide index to the slider 将设置当前幻灯片。在您的示例中，您几乎已经完成了——只需使用索引变量 (b) 直接调用：

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

【讨论】：