Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从Jquery滑块获取值并将其设为ID_Javascript_Jquery_Css - Fatal编程技术网

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

Javascript 从Jquery滑块获取值并将其设为ID,javascript,jquery,css,Javascript,Jquery,Css,我试图从滑块中获取值并将其作为ID。 这是我的代码: jQuery: $("#btn1").click(function () { var SliderValueNumber = $('#slider-range-max').slider('value'); $('div.ForView').attr('id', SliderValueNumber ); }); 它工作得很好,但是当我只点击按钮时。我需

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

jQuery:

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

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

您可以收听滑块的
change
事件

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

查看jQuery UI API文档了解更多信息:

您可以点击更改事件。看


您从按钮获取值,然后将其再次设置为slider作为其值?我正在尝试从slider获取值并将其作为ID。当值更改时,ID也会更改
$( "#slider" ).slider({
  change: function( event, ui ) {
      console.log(ui.value);
  }
});