jQuery onclick 事件无效

Question

我有很多具有特定 class 的按钮，例如：

所有这些按钮都在数据属性中存储了JSON。我创建了一个函数，我在其中检测到单击的按钮，并用这个 JSON 做一些事情，如下所示：

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

没有触发点击事件。你能告诉我这有什么问题吗？

Answer 1

您可以使用：

prop

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

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

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

Answer 2

我发现 "data-route" 值的引用有问题。您正在尝试对已经用双引号引起来的字符串进行双引号...

而不是

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

您可以尝试在主字符串中用单引号引起来的字符串

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

看到这个工作Fiddle

jQuery onclick event not works