使用没有插件的传单更改不透明度(Change opacity using leaflet without plugin)

 我有一个geojson并尝试更改不透明度chaging按钮，但它无论如何都不工作。 
 
 statesData是我的geojson.js，style和onEachFeacture是我拥有的其他函数。 
 
 这是我的按钮： 
 
<span id="image-opacity">0.5</span>
<input type="range" id="sldOpacity" min="0" max="1" step="0.1" value="0.5" />
 
 这是我的JS 
 
$('#sldOpacity').on('change', function(){
  $('#image-opacity').html(this.value);
  geojson.setOpacity(this.value);
});

var geojson = L.geoJson(statesData, {
        style: style,
        onEachFeature: onEachFeature
    }).addTo(map);
 
 我试过把不透明度：opacity放在样式上面：样式并创建一个函数opacity（）但是也不行。 我做了什么？ 

I have a geojson and try change the opacity chaging the button, but it dont work anyway.
 
Where statesData is my geojson.js, style and onEachFeacture are others functions that I have.
 
Here is my button:
 
<span id="image-opacity">0.5</span>
<input type="range" id="sldOpacity" min="0" max="1" step="0.1" value="0.5" />
 
And here is my JS
 
$('#sldOpacity').on('change', function(){
  $('#image-opacity').html(this.value);
  geojson.setOpacity(this.value);
});

var geojson = L.geoJson(statesData, {
        style: style,
        onEachFeature: onEachFeature
    }).addTo(map);
 
I tried put opacity: opacity above style: style and create a function opacity() but dont work too. What I have do?

原文：https://stackoverflow.com/questions/47270647