标签 javascript html
<分区>
我正在 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>
请帮帮我。
最佳答案
这是您的工作代码:
<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");
});
您也可以在这里引用 Working Fiddle https://jsfiddle.net/9wua66mw/
关于Javascript 在新的弹出窗口中打开链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40067134/