jquery - 通过单击 d3.js 中的节点来删除和添加节点

标签 jquery d3.js

如何在代码中使用 onclick 事件添加或删除节点和链接?

这是我的(d3js)code fiddle .

使用方法:右键单击任意节点,然后单击删除,删除所有节点但不删除链接。
但我只想删除一个节点及其点击删除的链接。

//right click menu items
$('g.node').contextMenu('cntxtMenu',
{
    itemStyle:
    {
        fontFamily : 'Arial',
        fontSize: '13px'
    },
    bindings:
    {
        'open': function(t) {
            alert(t.__data__.name);
        },
        'email': function(t) {
            alert('Trigger was '+t.__data__.name+'\nAction was Email');
        },
        'save': function(t) {
            alert('Trigger was '+t.__data__.name+'\nAction was Save');
        },
        'delete': function(t) {
            $('g.node').remove();
            //alert('Trigger was '+t.__data__.name+'\nAction was Delete');
        }
    }
});

最佳答案

只需使用 $(t) 而不是 $('g.node')

   'delete': function(t) {
        $(t).remove();

    }

See Demo Here

关于jquery - 通过单击 d3.js 中的节点来删除和添加节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15631023/

相关文章:

javascript - jQuery 不重新识别表单和页面刷新

javascript - D3.js 数据源切换时的过渡条形图

javascript - 从 lift snippet 中获取 d3 中的 json 数据

php - ajax 和 seo 加载单页的最佳实践

javascript - 使用 d3.js 和 svg 缩放/平移不起作用

javascript - d3.js 在每个条的末尾堆叠条形图值

javascript - D3.js : Line Generation with dates

javascript - Uncaught ReferenceError : updateCart (functionName) is not defined

javascript - 在选择更改时动态禁用输入

javascript - 在对话框关闭时删除附加元素