滑塊更改處理程序

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()); 
});