javascript - スライダー変更ハンドラ

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 メソッドを使用して、これを行うことができます。

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