过去累积 10 个属性时，地图标记变得不准确

Question

出于不同的目的，我创建了一个有趣的地图应用程序，其中包含侧边栏信息。

但是，我今天注意到，每次我从这个存储库中经过 10 个小公园时： http://mick.github.io/jekyllmap/ 或 (https://github.com/mick/jekyllmap)，它开始变得有点不稳定。

我在 assets/js 中的 mapping.js 中四处寻找，看看问题可能出在哪里。

我不知道它是从哪里来的。

我的应用程序中的标记，当超过 10 个小公园时，标记卡住，不改变颜色，或指向错误的信息。

关于如何让这对大约 26 个属性起作用的任何建议？

谢谢！

ps.澄清一下，上面的链接不是我的github账号。认为链接到我从中分叉的原始帐户会更简单。

Answer 1

mapping.js 第 7 行

var point = parseInt($(this).attr('data-target').substr(1));

或

var point = parseInt($(this).attr('data-target').substring(1));

而不是

var point = parseInt($(this).attr('data-target').substr(1,1));

编辑：

抱歉，无需使用 substring 代替 substr。只需删除第二个参数。

正如substr doc 中所说：str.substr(start[, length])

如果设置第二个参数.substr(1,1) 字符串返回来自字符 1（字符串中的第二个，因为索引从 0 开始），长度为 1。 对于 #1 和 #10 或 #11 .substr(1,1) 返回 1。

如果你不传递第二个参数 .substr(1) 你会得到从字符串 [0] 到字符串末尾的原始字符串。

• 对于 #1，.substr(1) 返回 1。
• 对于 #100 .substr(1) 返回 100。
• 对于 #19298298928 .substr(1) 返回 19298298928。

如果你好奇difference between substr and substring is here