javascript - 更改事件的功能选项

Question

我想要做的是，当用户向下滚动页面时，滑块中的超时选项更改为 0。然后，如果用户滚动回页面顶部，它会更改回 4000。我试了一堆有时将 on() 与 if/else 语句一起使用，但无法使其工作。

非常感谢任何建议。

$('#slides').before('<div id="counter">').maximage({
    cycleOptions: {
        pager: '#counter',
        timeout: 4000,
        after:function(){
            $('#caption').html(this.title);
        }
    }
});             

抱歉，这是我正在使用的滑块插件。

Answer 1

将其定义为全局变量

var timeVal = 4000;

然后随时更改

$(selector).someEvent(function(){
   timeVal = 500;      // Your new value.
});

并使用该变量。

$('#slides').before('<div id="counter">').maximage({
cycleOptions: {
    pager: '#counter',
    timeout: timeVal,
    after:function(){
        $('#caption').html(this.title);
    }
  }
});