jQuery onclick事件不起作用

Question

我有很多具有特定类的按钮：

所有的theese按钮都在数据属性中存储了json。我创建了函数，在那里我检测到了点击按钮，并用这个json做了一些东西：

$(".btn-load-road").on("click", function () {
    console.log($(this).data("route"));
});

未触发Click事件。你能告诉我这有什么问题吗？感谢

Answer 1

您可以使用：

  

丙

获取data-route（JSON值）值的方法

这是一个快速的解决方案。希望它有所帮助！

$(".btn-load-road").on("click", function () {
console.log($(this).prop("data-route"));
});

Answer 2

我在“数据路由”值的引用中看到了一个问题。您正在尝试双引号已经双重引用的字符串...

而不是

data-route=""coordinates":[[18.159425,49.835919],...],"type":"LineString"}"

您可以尝试单引用主字符串

中的引用字符串

data-route="{'coordinates':[[18.159425,49.835919],...],'type':'linestring'}"

查看此工作Fiddle