Question

我在Openlayers 3地图中根据http://www.acuriousanimal.com/thebookofopenlayers3/chapter02_03_layer_groups.html和http://jsfiddle.net/joshuadickerson92/mtwbs2dg/（JSFiddle - 由于信誉不足而无法发布2个以上的链接）包含了一个图层树。

我无法使不透明度滑块起作用。无论这些参数如何，从右向左移动（反之亦然）根本不会影响图层的不透明度：data-slider-min='0' data-slider-max='1' data-slider-step='0.1'

这一位

$('input.opacity').slider().on('slide', function (ev) {
    var layername = $(this).closest('li').data('layerid');
    var layer = findBy(map.getLayerGroup(), 'name', layername);

    layer.setOpacity(ev.value);
});

在Firefox的调试工具中检查页面时，似乎跳过了

。

我现在一直在寻找解决方案，但仍然找不到任何东西。任何帮助赞赏！

JSFiddle：http://jsfiddle.net/kidalex/j34xzaa3/5/

更新：我添加了this块JS代码，现在它可以工作了！更新了小提琴：http://jsfiddle.net/kidalex/j34xzaa3/5/ 现在我要调查那些8914行（整理的）代码中的哪一行是原因。

Answer 1

尝试发布您的整个代码，以便我们提供更好的帮助。

更有可能你的问题与javascript有关，而不是与OL3有关，因此我无法给你一个具体的解决方案。

移动滑块时，请确保$('input.opacity').slider().on('slide', function (ev) {...函数返回良好的ev.value。

检查findBy函数是否正常，layername变量得到的值正确。

使用您的浏览器调试器或只需使用控制台来检查所有内容。

干杯。

OpenLayers 3 - 图层树中的“不透明度”滑块不起作用

1 个答案: