Question

我现在正在使用库jquery.orgchart.js。

我在组织架构图中显示了不同的级别，一切都很好。对于最后一个级别，人们希望在同一节点中看到团队中的每个人，并带有弹出链接以显示带有一些文本的图像。

对于该节点，我们可以像下面的示例一样添加第二个菜单：https://github.com/wesnolte/jOrgChart/issues/37

我想知道是否有可能对我在悬停或onclick节点中添加的每个元素（每个员工）都有一个弹出窗口。这是来自bootstrap的我的button dialogmodal的代码：

OnHover：仅显示标题，而不显示数据内容：

<button type="button" class="btn btn-primary" data-toggle="popover" title="Test en cours" data-content="You gotta go through it to see there aint nothing to it. Listen to the silence."> Hover 1</button>

                $(document).ready(function() {
                       $('[data-toggle="popover"]').popover({
                          placement: 'bottom',
                          trigger: 'click',
                          title: 'Sign in to the website builder',
                          content: 'testing 123'    
                       });

                    });

也许我必须在html组件上绑定click事件，还是要使用Library jquery.orgchart.js？如果我在页面中输入相同的按钮，而不是在orgchart中，则效果很好。

Image for modal that works 如果您需要其他信息来帮助我，请询问。

感谢您的帮助。

这是隐藏我的弹出窗口的解决方案：

        $(document).ready(function() {
                       $('[data-toggle="popover"]').popover({
                          placement: 'bottom',
                          trigger: 'hover',
                          title: 'Sign in to the website builder',
                          content: 'testing 123',
                          container: 'body' 
                       });

                    });

我添加了标签容器：“ body”，我的弹出窗口终于出现了！

Answer 1

我刚刚在这里找到解决方案：github.com/twbs/bootstrap/issues/5889我更新了帖子

在节点内容中为我添加的每个元素添加模式窗口

1 个答案: