我正在尝试将点击事件绑定(bind)到使用 d3.js 数据动态生成的元素。
d3.select("#mylist").selectAll('li').data(data_arr).enter().append("li").html(
function(d)
{
var element = document.createElement('div');
element.innerHTML = '<div id="innerDiv"></div>';
var divToClick = element.querySelector('#innerDiv');
//Using jquery to get cross browser event binding
$(divToClick).click(function(){
alert('hello!');
});
return element.innerHTML;
});
我知道问题是我返回一个字符串(innerHTML),但如果我返回该元素,它就不起作用。有什么帮助吗?
(真正的代码要复杂得多,我只是在这里复制了重要部分)。
最佳答案
更 d3 的方法是这样做
d3.select("#mylist").selectAll('li').data(data_arr).enter()
.append("li")
.append("div")
.on("click", function() { alert("hello!"); });
关于javascript - 使用 d3 js 库的 data 方法将事件绑定(bind)到动态生成的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10707452/