Javascript在新弹出窗口中打开链接

我正在wordpress中处理一个主题，并在帖子底部创建内联共享按钮，但我有一点被卡住了。 我想用javascript在新的弹出窗口中打开链接。 下面是html代码

    <ul>
  <li>
    <a href="//somesite.com/" rel="nofollow" class="social_share_link">Share</a>
  </li>
</ul>  

下面是javascript

    <script  type="text/javascript">
$("a.social_share_link").on("click",function(){
    var share_link = $(this).prop('href');
    window.open(share_link,'','scrollbars=1,height=500,width=500,left=500,top=100');
     });
</script>

$（“a.social\u share\u link”）。在（“单击”，函数（）上{
var share_link=$（this.prop（'href'）；
打开（共享链接，，“滚动条=1，高度=500，宽度=500，左侧=500，顶部=100”）；
});

请帮助我。

防止默认事件--重定向到

href

属性指向的位置--使用

---

只需简单的点击事件调用

没有额外的脚本（内联）

使用额外的脚本&jquery`

$（“.social\u share\u link”）。单击（功能（事件）{
event.preventDefault（）；
var share_link=$（this.prop（'href'）；
打开（共享链接，“社交共享”，“宽度=500，高度=500”）；
});

您的代码看起来不错，请尝试使用属性

\u blank

或检查开发人员工具，可能您有一个看不到的错误。 我测试了你的代码，效果很好

---

这是带有

\u blank

属性的演示：

这是您的工作代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <a href="//somesite.com/" rel="nofollow" class="social_share_link">Share</a>
  </li>
</ul>

---

你也可以参考这里的工作小提琴

你想解释什么是“不工作”！？我可以想出数百个你的代码片段不起作用的原因。我的意思是说，事件在这方面不起作用，我已经试过了，这就是为什么我在这里。我已经试过了，而且似乎有效。代码的其他部分可能会导致此问题。否则，它一定会起作用。这是我正在避免的。我的客户不想再次陷入困境。只需要javascript我没有看到有人问我问题。他写道“我想用javascript在新的弹出窗口中打开链接。”有趣的是，我认为他的问题是一个答案，因为代码是正确的。@ShivamShukla:）你能投票给这个答案吗。

<a href="//somesite.com/"  class="social_share_link"
onclick="return !window.open(this.href, 'somesite', 'width=500,height=500')"
target="_blank">Share</a>

<a href="//somesite.com/"  class="social_share_link" target="_blank">Share</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
   $(".social_share_link").click(function(event) {
      event.preventDefault();
      var share_link = $(this).prop('href');
      window.open(share_link, "social_share", "width=500,height=500");
   });
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <a href="//somesite.com/" rel="nofollow" class="social_share_link">Share</a>
  </li>
</ul>

$("a.social_share_link").on("click", function() {
  var share_link = $(this).prop('href');
  console.log(share_link);
window.open(share_link, "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");

});