jquery - 将滑块值传递给其他函数

Question

几天前我发布了一个类似的问题，并且做了更多的研究和编码，现在我陷入了困境。我是一个完整的新手，需要更多帮助。

我目前在同一页面上成功呈现了一个滑块和两个图表。我想将滑块的值传递给两个图表函数，这样当滑块移动时，图表就会刷新。滑块是使用 jQuery UI 函数生成的。图表由 Highcharts 函数生成。

jQuery Slider API 中有一个名为“value()”的“方法”，它将检索滑块的值，如下所示：

var selection = $( ".selector" ).slider( "value" );

目前，图表的值被硬编码为图表功能代码中的数字。我想根据滑块的值动态更新图表的值。

想法？

谢谢，

克里斯

score 0 · Accepted Answer

您可以在 jquery UI 文档中使用更改功能

$(function() {

    $("#slider").slider({
     change: function (event,ui){
      // your code here
    }
});
});

这应该适用于每次滑块发生变化时

这就是您的代码的样子

 change: function(event,ui)
      {
        $( "selector" ).val( ui.value );
      }

1 回答 1