bootstrap下拉列表在svg内部不起作用?

时间:2018-06-26 11:57:53

标签: javascript d3.js svg dropdown foreign-data-wrapper

===== self.view.style() =====
{'active_guide': '#7a4815', 'find_highlight': '#ffe894', 'inactive_selection_foreground': '#f8f8f2', 'background': '#282923', 'selection_foreground': '#f8f8f2', 'highlight': '#c4c4bd', 'selection': '#48473d', 'rulers': '#5c5c56', 'selection_border': '#212117', 'shadow': '#141411', 'accent': '#67d8ef', 'misspelling': '#f92472', 'gutter': '#282923', 'guide': '#474842', 'stack_guide': '#7a4815', 'line_highlight': '#3e3d32', 'foreground': '#f8f8f2', 'gutter_foreground': '#90908a', 'minimap_border': '#90908a', 'caret': '#f8f8f1', 'invisibles': '#70716b', 'inactive_selection': '#383830', 'find_highlight_foreground': '#000000'}

}

我正在尝试在svg内附加一个引导程序的下拉菜单,但是我不确定为什么它不起作用。引导程序的按钮出现,但是当我单击按钮时什么也没有发生。甚至有可能使其在svg中工作?还是我应该在外面做?

已更新-对于不清楚的问题表示歉意。 this.refs.container引用的是这是react的dom节点。 svg本身没有问题,因为我看到了svg中的所有内容以及下拉按钮。您也可以忽略转换。正如@Shashank给出的示例所示,它确实可以正常工作,但是我想知道,尽管代码相同,但为什么它在我的应用程序中却不起作用。这是与该问题有关的其他代码。

1 个答案:

答案 0 :(得分:0)

再次为您造成困惑,我深表歉意。我只是发现我没有导入bootstrap js文件。