Javascript 从jquery触发d3单击
我有一个d3元素,点击事件在d3中绑定到该元素。 在div上的某些操作(单击/悬停)上是否可能触发d3单击事件 这是我试过的Javascript 从jquery触发d3单击,javascript,jquery,d3.js,Javascript,Jquery,D3.js,我有一个d3元素,点击事件在d3中绑定到该元素。 在div上的某些操作(单击/悬停)上是否可能触发d3单击事件 这是我试过的 var vis=d3.选择(“.container”).追加(“svg”) .attr(“宽度”、“250”) .attr(“高度”、“100”); var nodeEnter=vis.append(“g”) .attr(“类”、“节点”) .attr(“nodeid”,“1”) .on(“单击”,函数(){ 控制台日志(“命中”); }); nodeEnter.app
var vis=d3.选择(“.container”).追加(“svg”)
.attr(“宽度”、“250”)
.attr(“高度”、“100”);
var nodeEnter=vis.append(“g”)
.attr(“类”、“节点”)
.attr(“nodeid”,“1”)
.on(“单击”,函数(){
控制台日志(“命中”);
});
nodeEnter.append(“圆”)
.attr(“r”、“10”)
.attr(“cx”、“10”)
.attr(“cy”,“10”);
$(文档).ready(函数(){
$(“#示例div”).mouseenter(函数(){
//触发d3点击这里
d3.选择(“[nodeid='1']”[0]。单击;
}).mouseleave(函数(){
console.log(“鼠标退出”);
} );
});代码>
#示例div
{
高度:20px;
宽度:100px;
背景:#ccc;
}
在这里盘旋
直接调用click函数
var nodeEnter = vis.append("g")
.attr("class", "node")
.attr("nodeid","1")
.on("click", performClick);
function performClick(k){
if(!k)
k = d3.select(this);
console.log( k, "asdas");
}
在Jquery鼠标事件侦听器内部调用performClick
函数:
$( document ).ready(function() {
$("#sample-div").mouseenter( function(){
performClick(d3.select( "[nodeid='1']"))
//trigger d3 click here
//d3.select( "[nodeid='1']")[0].click;
} ).mouseleave( function(){
console.log("mouse-out");
} );
});
工作代码这个怎么样?是的,就是这样。请添加它作为答案,以便我可以接受它作为答案。谢谢