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

我在Openlayers 3地图中包含了根据http://www.acuriousanimal.com/thebookofopenlayers3/chapter02_03_layer_groups.html和http://jsfiddle.net/joshuadickerson92/mtwbs2dg/（JSFiddle - 由于信誉不足而无法发布超过2个链接）的图层树。OpenLayers 3 - 层树中的不透明度滑块不起作用

我不能让不透明度滑块工作。从向右移动它向左，反之亦然对图层的不透明度没有任何影响，无论这些参数：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行（整理好的）代码中的哪一行是原因。

来源

2015-09-28 wowbag

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

更可能你的问题是关于JavaScript比OL3，因为这个我不能给你一个具体的解决方案。

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

检查是否您的findBy功能正常工作layername变量正在获取正确的值。

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

干杯。

来源

2015-10-17 09:40:05 EricSonaron

谢谢Eric;尽管如此，我认为还是有一些代码丢失了。看到我编辑的文章 - 与JS代码添加它的作品！ – wowbag

aaaa ...该文件包含所有供应商的JS代码连接和最小化。不要在您的应用中使用该文件。这是示例的源代码：https：//github.com/acanimal/thebookofopenlayers3，这是“编译”代码https://github.com/acanimal/thebookofopenlayers3/tree/gh-pages。我认为你需要的是包含jQuery“seiyria-bootstrap-slider”插件（它的JS和CSS文件）。 – EricSonaron

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

回答

相关问题