更改事件的bootstrap开关d3

Question

我正在整理一个使用bootstrap和bootstrap-switch库的d3可视化。

我有一组由d3生成的开关，我想听，以便我可以根据其状态更新可视化;我在交换机上有一个事件监听器，但它没有做任何事情：

d3.selectAll(".input").on("change", function() {
    console.log(this)
})

http://jsfiddle.net/jy24dk20/1/

谁能告诉我我做错了什么？

Answer 1

Bootstrap开关（ 2.0.1 ，这是遗留的）会触发一个名为switch-change, as per the docs的事件。

它似乎不会更改输入上的checked状态，因此不会触发change事件。

我建议您听取switch-change事件以影响您的更改：

$('input').bootstrapSwitch().on("switch-change", function() {
    console.log(this)
})