2017-02-07 52 views
2

This site演示社交分享代码,例如“分享到Facebook”。在这里,单击左侧的链接可打开模态窗口中的共享。他们的代码:如何在模式窗口中打开主播,而不是新标签

<!-- Facebook --> 
<a href="http://www.facebook.com/sharer.php?u=https://simplesharebuttons.com" target="_blank"> 
    <img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /> 
</a> 

我想类似的效果,我有以下anchor但在新标签打开。我希望它在模式窗口打开

<a href="http://www.facebook.com/sharer.php?u=http://www.idybrand.com/" title="Share on Facebook" target="_blank" > 
    <img alt="Share on Facebook" width="40" height="40" src="img/social_media/facebook.svg"> 
</a> 

我怎么能做到这一点吗?可能使用Bootstrap?

回答

2

这个替换您的代码::

<a href="http://www.facebook.com/sharer.php?u=http://www.idybrand.com/" title="Share on Facebook" target="popup" onclick="window.open('http://www.facebook.com/sharer.php?u=http://www.idybrand.com/','popup','width=600,height=600'); return false;"> 
<img alt="Share on Facebook" width="40" height="40" src="img/social_media/facebook.svg"> 
</a> 

它会运行

+0

谢谢。这正是我所期待的! –

+0

@DaveChambers如果它帮助你,请提出答案并接受它来帮助别人。 –

+0

我可以...在4秒内 - 只是等待;-) –

2

您可以使用它。我希望它有帮助。

<a onclick="window.open('https://www.facebook.com/','mywindow','width=640,height=360')" href="javascript:void(0)"><button>Click FB</button></a> 
+0

感谢。这确实有效,但我不得不稍微调整代码,所以我接受了Rana的答案,因为它更“准备使用”。但是谢谢你的帮助。我upvoted你的答案 –

+1

快乐编码:) –

+0

@DaveChambers谢谢 –

相关问题