jQuery —通过根据用户活动而变化的变量来更新函数的初始参数？

Question

我不明白如何在设置函数的初始参数后更新它们。

我正在使用一个名为 serialScroll 的插件。该插件滚动到初始 $(elem).serialScroll({//...}) 设置中指示的项目。

我想要做的是在用户与页面交互时重新定义该项目的名称。 我有另一个变量，当用户滚动时它可以成功获取信息，我就这么多了。

我想做的就是让serialScroll({)}使用该变量相应地更新它的“item:_”字段。

这是串行滚动代码：

    var nextClass = ".fig4"; 

    // this is being changed to .figN depending on the users 
    // scrolling position in the browser/viewport (successfully). 
    // For proof of communication purposes I forced nextClass 
    // here to equal .fig4 to see if the two are at lest talking to 
    // each other, which they are... but now how do i update "items:" 
    // below to reflect the change in the "nextClass" variable?

$('html').serialScroll({
    target:'body',
    items: nextClass, 
    next:'#nextImage',
    axis:'y',
    duration:700,
    force:true, 
});

Answer 1

这里发生的事情是，当 .serialScroll 初始化时，它会获取一次 nextClass 的值，这就是它使用的值。

需要发生两件事之一。要么修改插件以使用全局变量（不是非常理想，但它有效），要么每次 nextClass 更改时，您需要重新初始化 .serialScroll。

Answer 2

JavaScript 对象是动态的，您始终可以向它们添加方法。由于serialScroll是动态添加到它所调用的元素中的一堆函数，因此有两种方法可以完成您所需要的：

1. 向插件代码中添加一个setter - 这将使其在所有安装中工作
2. 猴子修补serialScroll的每个实例，初始化后

如果您只有一个实例，那么后者更容易并且应该证明更具前向兼容性：

$('html').serialScroll({...});
$('html').serialScroll.setItems = function(i){
  items = i;
}
// when nextClass changes
$('html').serialScroll.setItems(nextClass);

要完成第一个选项，您需要侵入serialScroll代码本身。