Переключатель начальной загрузки d3 при изменении события

Question

Я собираю визуализацию d3, которая использует библиотеки bootstrap и bootstrap-switch.

У меня есть набор переключателей, которые генерируются d3, которые я хотел бы послушать, чтобы я мог обновить визуализацию в зависимости от их состояния; У меня есть слушатель событий на коммутаторах, но он ничего не делает:

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

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

Может кто-нибудь сказать мне, что я делаю не так?

Answer 1

Переключатель начальной загрузки (2.0.1, который является устаревшим) запускает событие, называемое switch-change согласно документам.

Похоже, что это не меняет checked состояние на входе и, следовательно, не вызывает change событие.

Я бы порекомендовал послушать switch-change событие, которое повлияет на ваши изменения:

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