Javascript 左键单击链接不会'；我不能用代码笔工作，但是'；在新选项卡中打开'；做

当我查看Firefox网络选项卡时，看起来GET请求通过了，但页面没有收到HTML响应。我正在使用jQuery添加一个列表项，其中包含一个徽标、一个名称和一个链接，如果单击了徽标或名称，则需要在其中指向用户。代码位于此处：

相关JS代码：

if (logo === null) {
        logo = '<img class = "brownI" src=   "http://i358.photobucket.com/albums/oo27/picturesqueworlds/rss_circle_webtreatsetc_zpsfouqr1gj.png" >';
      } else {
        logo = '<img src="' + logo + '">';
      }
      if (stream !== null) {
        streamingIcon = '<img class = "streamIcon" src= "http://i358.photobucket.com/albums/oo27/picturesqueworlds/button_green_play_zpsgnkih0jo.png" >';
        item = '<li>' + '<a href="http://www.twitch.tv/' + streamer + '"' + '>' + logo + '</a>' + '<a href="http://www.twitch.tv/' + streamer + '"' + '>' + name + '</a>' + streamingIcon + '</li>';
      } else {

        item = '<li>' +
          '<a href="http://www.twitch.tv/' + streamer + '"' + '>' + logo + '</a>' + '<a href="http://www.twitch.tv/' + streamer + '"' + '>' + name + '</a>' + '</li>';
      }
      $(".content ul").append(item);

if（logo==null）{
logo=''；
}否则{
logo=''；
}
if（流！==null）{
streamingIcon=''；
item='
'+'+'+streamingIcon+'
'；
}否则{
项目=“
”+
“+”+”
”；
}
$（“.content ul”）。追加（项目）；

您可以使用委托事件处理程序，因为添加了链接

比如：

$(".content").on('click','a',function(){
  var theSource = $(this).attr('href');
  window.open(theSource , '_blank');
});

---

当您单击链接时，该链接不起作用的原因是，该内容与codepen.io位于不同的域中，并且违反了

SAMEORIGIN

策略

拒绝在框架中显示“” 因为它将“X-Frame-Options”设置为“SAMEORIGIN”

一种解决方法是将

target=“\u blank”

添加到href

---

我如何选择要添加此处理程序的对象，因为我不希望用户在单击徽标或名称以外的任何内容时被带到链接，如果他们正在流式处理，我的对象基本上是整个徽标+名称+绿色图标包。如果我尝试用一个“this”obj或将我的obj分配给一个var，我认为点击图片不会带你到链接，因为obj将是一个捆绑的东西。我是对的吗？我测试了我提供的代码，它适用于我点击的所有单个徽标和链接。该代码指向位于“content”类内部的任何单击的锚定标记。“this”表示其引用将仅是单击的一个锚定标记。您如何看到该错误消息？我正在Firefox控制台中查看，但没有看到。错误显示在chrome中。我对Firefox没有把握