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 - 層樹中的不透明度滑塊不起作用

回答

相關問題