onclick（）不更新滑块文本

Question

我有一个带有滑块的地图，当您左右移动滑块（从1年到10年）时，它可以控制某些点的显示。

我根据与4个单独按钮相关的另一个参数过滤了其中一些点。

当我滑动滑块，然后单击其中一个按钮时，告诉您地图上有多少个点的文本不会更新。仅在移动滑块后才会更新（同样，单击按钮时不会更新）。

我想确保一点击按钮，不仅地图会更新，而且文字也会更新。

我尝试了多种选择，但似乎都没有用。我不完全确定在哪里可以看到。

查看此问题的最简单方法是通过链接，我将所有内容托管在bl.ocks上。

https://next.plnkr.co/plunk/Ov8dHR7jI09aTFSU （需要刷新plnkr才能开始加载数据）

没有错误消息

Answer 1

一个肮脏而简单的解决方法是，将filterData()中的buttonClick调用替换为您在滑块回调中所做的操作– document.getElementById("slidertext").innerHTML = "Achieved Goals: " + filterData() + " ";，这确实使您感到困惑。可能应重构为单独的方法，以避免重复。