Question

我试图在框架或对话框中点击节点上的URL，但无法弄清楚。

Here is the JSFiddle我一直在和我一起玩here is the JQuery dialog box我试图使用它。下面是我在点击时触发URL的代码，但我想在对话框中打开URL，而不是同一个窗口。谢谢！

    .append("a")
 .attr("xlink:href", function (d) { return "http://www.google.com/" + d.atom }) 
  .call(force.drag);

Answer 1

您可以向节点添加另一个事件侦听器，您已经有两个，一个用于mouseover和mouseout，现在您可以添加一个用于单击（并传递一个属性以指示您想要的URL）加载）。

.on("click",function(d) { click(d.atom); });

然后你要做的就是设置一个对话框div的内容，你想要的是：

function click(link) {
     $("#dialog").html('<iframe src="http://www.'+link+'.com"></iframe>').dialog({
         autoOpen: false,
         modal: true
      });

    $("#dialog").dialog('open');

 }

以下是更新小提琴的链接：http://jsfiddle.net/pzuyhobc/1/

如何将这个JQuery合并到我的D3力布局中？

1 个答案: