将滑块值传递给其他函数

Question

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

我目前在同一页面上成功渲染了一个滑块和两个图表。我想将滑块的值传递给两个图表函数，以便在移动滑块时刷新图表。滑块是使用jQuery UI函数生成的。图表由Highcharts函数生成。

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

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

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

想法？

谢谢，

克里斯

Answer 1

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

$(function() {

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

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

---

这就是你的代码应该是什么样子

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