从Jquery滑块获取值并将其设为ID

Question

我试图从滑块中获取值并将其作为ID。 在这里我的代码：

jQuery：

  $("#btn1").click(function () {
                var SliderValueNumber = $('#slider-range-max').slider('value');
                $('div.ForView').attr('id', SliderValueNumber );
            });

它工作得很好，但是当我点击按钮时。当滑块值改变ID时我需要改变!!

Answer 1

您可以收听滑块的change事件。

$('#slider-range-max').on('slidechange', function() {
    // Do what you want
});

查看jQuery UI API文档了解更多信息：http://api.jqueryui.com/slider/#event-change

Answer 2

您可以点按更改活动。见this fiddle for example

$( "#slider" ).slider({
  change: function( event, ui ) {
      console.log(ui.value);
  }
});