如何在模式 window 中打开锚点,而不是在新选项卡中
How to open anchor in a modal window, not a new tab
This site 演示社交分享代码,例如 'share to Facebook'。在这里,单击左侧的链接以模式 window 打开共享。他们的代码:
<!-- 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
但这会在 新标签页 中打开。我希望它以 模态 window:
打开
<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?
你可以用这个。希望对你有帮助。
<a onclick="window.open('https://www.facebook.com/','mywindow','width=640,height=360')" href="javascript:void(0)"><button>Click FB</button></a>
用这个替换你的代码::
<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>
它会起作用..
This site 演示社交分享代码,例如 'share to Facebook'。在这里,单击左侧的链接以模式 window 打开共享。他们的代码:
<!-- 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
但这会在 新标签页 中打开。我希望它以 模态 window:
<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?
你可以用这个。希望对你有帮助。
<a onclick="window.open('https://www.facebook.com/','mywindow','width=640,height=360')" href="javascript:void(0)"><button>Click FB</button></a>
用这个替换你的代码::
<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>
它会起作用..