滑块更改处理程序

Question

我正在动态创建一个范围滑块，但我无法在其上运行更改处理程序。

所以在代码中就是这样：

$('#layersTab').html("<input type=\"range\" id=\"layerSlider\" value=\"0\" min=\"0\" max=\"100\" \><br\>");

是的，在html中：

<div data-dojo-type="dijit.TitlePane" id="titlePaneLayers" data-dojo-props="title: 'Layers and Legend'" open="false">
          <div id="layerTabs" >
            <ul></ul> 
          </div>       
</div>

如何为此添加事件处理程序，因此当滑块更改时，我可以将其值更改为？

Answer 1

您可以on method向我们执行此操作：

$('#layersTab').on('change', '#layerSlider', function(e){
    console.log($(this).val());
});