jquery - 如何以编程方式设置 jQuery UI Slider 值并触发事件？

Question

我有一个像这样定义的 slider :

$("#slider").slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: totalRows,
        value: totalRows,
        slide: function(e, ui) {
          scrollTheTable(ui.value, totalRows, visibleRows, $table);
        }
      });

使用 slider 时，分配给幻灯片的函数被调用没有问题。我有一个表，该表可能包含也可能不包含具有 SelectedItem 类的行。我正在研究一种方法，基本上可以在页面加载时将该行“滚动”到表格顶部。

该方法的核心内容如下所示:

$("#slider").slider('value', $rows.length - index);

此属性设置 slider 值并且 slider 可以正确呈现，但我的幻灯片处理程序永远不会被调用来在表格上执行工作。

我在这里缺少什么？

Answer 1

看起来滑动参数只对鼠标事件有效。以编程方式设置值时，会触发更改事件。因此，将我的设置更改为这样就得到了我想要的东西。

  $("#slider").slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: totalRows,
        value: totalRows,
        slide: function(e, ui) {
          scrollTheTable(ui.value, totalRows, visibleRows, $table);
        },
        change: function(e, ui) {
          scrollTheTable(ui.value, totalRows, visibleRows, $table);
        }
      });