d3.js window.open对我不起作用

Question

I need to open the urls in a new tab or window. Right now they are opening in the same page.

var data = [
{title: "1", url: "gallery1.html"},
{title: "2", url: "gallery2.html"},
{title: "3", url: "gallery3.html"},
];



    .attr("xlink:href", function(d) { return d.example.url; })
    .attr("xlink:title", function(d) { return d.example.title; });

svg.selectAll('.add-url-node')
   .on('click',function(d){
      location.href = 'target.url.com';

   });

I tried:

<script>    
window.open(url);      
</script>  

and

window.open(link, "_blank")

and

data.forEach(function(elem){
window.open(elem.url,"_blank");
});

and

.attr("xlink:target", "_blank") 

I have no programming experience, I would really appreciate to see an example using the code above. many thanks.

Answer 1

The problem seems to be the use of location.href . If you want the link to open in a new tab or window, and not in the same tab (page), you need to use window.open() :

selection.on('click',function(){
  window.open(url)
});

Note: You cannot force a link to open in a new tab instead of a new window. It's a user preference .

Check this fiddle, I created 3 rectangles, and binded data to them with some links. Click on each rectangle to open the link: https://jsfiddle.net/gerardofurtado/9s7wpb20/1/

Answer 2

.attr("target","_blank", function(d) { return d.example.url; })

This is what I needed,
Thanks everybody anyway