【问题标题】:Tree Diagrams click functions conflicting树形图单击功能冲突
【发布时间】:2012-10-12 18:43:36
【问题描述】:

我在同一页面上有两棵树。第一个是http://bl.ocks.org/1249394,另一个是http://bl.ocks.org/2503502。我按照我的树的这 2 个链接上的示例进行操作,当然还有一些更改。我已将两者都包含在同一页面上。然而,点击功能似乎是冲突的。 http://bl.ocks.org/1249394 的树效果很好,但是http://bl.ocks.org/2503502 的树生成了具有正确数据的树,但是当我单击根节点折叠时,子节点数据首先更改为子节点数据的数据树在http://bl.ocks.org/1249394。如何解决此冲突?

【问题讨论】:

    标签: javascript click d3.js tree-structure


    【解决方案1】:

    您是否尝试过以不同的方式命名点击处理程序?这看起来像你有可能在相同范围内的同名函数,所以你应该要么

    • 确保每个图表都在不同的范围内(例如,将每个图表的所有代码包含在不同的函数中),或者

    • 确保页面上的所有函数都有唯一的名称,或者

    • 两者都有。

    【讨论】:

    • 我已经试过很多次了。它没有帮助。该树的数据正确显示,但只有当我单击它时,它才会更改为另一棵树的数据。
    • 听起来仍然是范围问题。如果没有同时显示两棵树并演示问题的示例页面,这是无法诊断的。
    • 要贴很多代码,我会尝试通过更改函数和变量名称来解决它。我原始问题中链接的确切 javascript 代码包含在使用 的 php 文档中,另一个用于第二棵树。
    • 我的意思是,如果不了解它们是如何包含在页面中的,就不可能真正了解这两个脚本如何冲突。两个可能的罪魁祸首是 1)您正在覆盖您的 click 函数,或者 2)您正在覆盖您的数据变量。但是如果没有在上下文中看到这两个脚本,就无法调试。
    猜你喜欢
    • 1970-01-01
    • 2017-09-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-14
    • 2012-01-06
    • 2016-09-02
    相关资源
    最近更新 更多