jQuery的onclick事件不工作

Question

我有很多的按钮与特定的阶级是这样的：

theese按钮

所有已存储在数据属性JSON。我创建功能，在那里我发现点击的按钮，并做一些东西与此JSON这样的：

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

Click事件不会触发。你能告诉我这有什么问题吗？由于

Answer 1

您可以使用：

道具

方法来获取数据路由（JSON值）的值

这里有一个快速的解决方案。希望能帮助到你！

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

Answer 2

我在“数据路由”值的引用中看到问题。您正在尝试双击QUOT一个已经doublequotted串...

而不是

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

你可以尝试单QUOT你的主串里面引用的字符串

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

见这工作Fiddle