Javascript window.open有时打开链接，有时不打开

我有一个这样的按钮：

<button class="facebook text-white" href='http://www.facebook.com/sharer.php?u=url.com'>
    <img src="{{ asset('assets/img/facebook.png') }}"> 
    <span>{{"share" | trans}}</span>
</button>

这会导致奇怪的行为，因为有时指定的链接会加载并打开，有时它只会保持在空白状态

每次点击后，如果打开或不打开链接，它看起来完全是随机的

如何修复这种异常行为？

使用非常简单：（动态）创建一个div并调用

$（div.dialog（）

：

$（'.对话框按钮'）。单击（功能（ev）{
ev.preventDefault（）；
$('', {
标题：“你的facebook链接在这里！”，
css:{
位置：'相对'
},
附加：$（''）{
src:$（ev.target）.data（'href'），
css:{
位置：'绝对'，
左：0，右：0，
顶部：0，底部：0，
宽度：“100%”，高度：“100%”，
边界：0
}
})
}).对话({
模态：true，可调整大小：false，
高度：200，宽度：350
});
});

点击我！
使用非常简单：（动态）创建一个div并调用
$（div.dialog（）
：


$（'.对话框按钮'）。单击（功能（ev）{
ev.preventDefault（）；
$('', {
标题：“你的facebook链接在这里！”，
css:{
位置：'相对'
},
附加：$（''）{
src:$（ev.target）.data（'href'），
css:{
位置：'绝对'，
左：0，右：0，
顶部：0，底部：0，
宽度：“100%”，高度：“100%”，
边界：0
}
})
}).对话({
模态：true，可调整大小：false，
高度：200，宽度：350
});
});

点击我！
使用非常简单：（动态）创建一个div并调用
$（div.dialog（）
：


$（'.对话框按钮'）。单击（功能（ev）{
ev.preventDefault（）；
$('', {
标题：“你的facebook链接在这里！”，
css:{
位置：'相对'
},
附加：$（''）{
src:$（ev.target）.data（'href'），
css:{
位置：'绝对'，
左：0，右：0，
顶部：0，底部：0，
宽度：“100%”，高度：“100%”，
边界：0
}
})
}).对话({
模态：true，可调整大小：false，
高度：200，宽度：350
});
});

点击我！
使用非常简单：（动态）创建一个div并调用
$（div.dialog（）
：


$（'.对话框按钮'）。单击（功能（ev）{
ev.preventDefault（）；
$('', {
标题：“你的facebook链接在这里！”，
css:{
位置：'相对'
},
附加：$（''）{
src:$（ev.target）.data（'href'），
css:{
位置：'绝对'，
左：0，右：0，
顶部：0，底部：0，
宽度：“100%”，高度：“100%”，
边界：0
}
})
}).对话({
模态：true，可调整大小：false，
高度：200，宽度：350
});
});

点击我！
您应该在
窗口中使用
$（this）
而不是
e.target
。打开

为什么?？勾选此问题：
您应该在
窗口中使用
$（this）
而不是
e.target
。打开

为什么?？勾选此问题：
您应该在
窗口中使用
$（this）
而不是
e.target
。打开

为什么?？勾选此问题：
您应该在
窗口中使用
$（this）
而不是
e.target
。打开

为什么?？检查此问题：
是否显示预期的URL？PS：弹出窗口很难看。最好使用一个在iframe中显示URL的工具。是的，它记录得很好。。有这样一个iframe的链接吗？我也不喜欢弹出窗口，但想不出更好的解决方案。
console.log（href）
是否显示预期的URL？PS：弹出窗口很难看。最好使用一个在iframe中显示URL的工具。是的，它记录得很好。。有这样一个iframe的链接吗？我也不喜欢弹出窗口，但想不出更好的解决方案。
console.log（href）
是否显示预期的URL？PS：弹出窗口很难看。最好使用一个在iframe中显示URL的工具。是的，它记录得很好。。有这样一个iframe的链接吗？我也不喜欢弹出窗口，但想不出更好的解决方案。
console.log（href）
是否显示预期的URL？PS：弹出窗口很难看。最好使用一个在iframe中显示URL的工具。是的，它记录得很好。。有这样一个iframe的链接吗？我也不喜欢弹出窗口，但想不出更好的解决方案。谢谢你的代码，凯！回复有点晚，但我觉得这种模式有点像“下载前完成此调查”的方式。。值得投票，tho；-）谢谢你的代码，凯！回复有点晚，但我觉得这种模式有点像“下载前完成此调查”的方式。。值得投票，tho；-）谢谢你的代码，凯！回复有点晚，但我觉得这种模式有点像“下载前完成此调查”的方式。。值得投票，tho；-）谢谢你的代码，凯！回复有点晚，但我觉得这种模式有点像“下载前完成此调查”的方式。。值得投票，tho；-）
$(document).ready(function(){
  $(".twitter").click(function(e) {
        e.preventDefault();
        var href = $(e.target).attr('href');
        window.open(href, "Share your stats on Twitter!", "height=300,width=550") 
    });

  $(".facebook").click(function(e) {
      e.preventDefault();
      var href = $(e.target).attr('href');
      window.open(href, "Share you stats on Facebook!", "height=300,width=550") 
  });
});