Javascript 单击“共享”按钮时打开“新建”选项卡
我很少使用社交媒体共享按钮。它工作得很好。当我点击这些按钮时,它会打开一个弹出窗口。但我需要它们在新标签页中打开。有人能帮我做这件事吗?我希望这些按钮是圆形的,使用images/svg。这是我的密码Javascript 单击“共享”按钮时打开“新建”选项卡,javascript,facebook,twitter,pinterest,socialshare,Javascript,Facebook,Twitter,Pinterest,Socialshare,我很少使用社交媒体共享按钮。它工作得很好。当我点击这些按钮时,它会打开一个弹出窗口。但我需要它们在新标签页中打开。有人能帮我做这件事吗?我希望这些按钮是圆形的,使用images/svg。这是我的密码 <div class="fb-share-button" data-href="<?= $url ?>" data-layout="icon" data-size="large" data-mobile-iframe="true"><
<div class="fb-share-button"
data-href="<?= $url ?>"
data-layout="icon"
data-size="large"
data-mobile-iframe="true"></div>
<a class="twitter-share-button"
href="https://twitter.com/intent/tweet"
data-text="'<?= $quote ?>..' "
data-url="<?= $url ?>"
data-size="small"> Tweet </a>
<a data-pin-do="buttonPin"
href="https://www.pinterest.com/pin/create/button/"
data-pin-url="<?= $url ?>"
data-pin-media="<?= $image ?>"
data-pin-description="<?= $quote ?>"
data-pin-shape="round"></a>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
</script>
<script
type="text/javascript"
async defer
src="//assets.pinterest.com/js/pinit.js"
></script>
要在新选项卡中打开链接,请将“target”属性添加到该锚点或按钮,并将其值设置为“\u blank”
例如:
<a class="twitter-share-button"
href="https://twitter.com/intent/tweet"
data-text="'<?= $quote ?>..' "
data-url="<?= $url ?>"
data-size="small"
target="_blank"> Tweet </a>
要在新选项卡中打开链接,请将“target”属性添加到该锚点或按钮,并将其值设置为“\u blank”
例如:
<a class="twitter-share-button"
href="https://twitter.com/intent/tweet"
data-text="'<?= $quote ?>..' "
data-url="<?= $url ?>"
data-size="small"
target="_blank"> Tweet </a>
当我点击这些按钮时,它会打开一个弹出窗口。但我需要它们在新标签页中打开。有人能帮我做这件事吗?我希望这些按钮是圆形的,使用images/svg
在使用这些插件时,您不能这样做;它们使用自己的样式和附加的脚本逻辑呈现自己的元素,您无法访问它们
使用HTML和CSS创建您自己的按钮/链接,然后使用这些方法共享,只需调用这些网络提供的URL即可-这里可以找到一个全面的列表
当我点击这些按钮时,它会打开一个弹出窗口。但我需要它们在新标签页中打开。有人能帮我做这件事吗?我希望这些按钮是圆形的,使用images/svg
在使用这些插件时,您不能这样做;它们使用自己的样式和附加的脚本逻辑呈现自己的元素,您无法访问它们
使用HTML和CSS创建自己的按钮/链接,然后使用这些方法通过简单调用这些网络提供的URL来共享-可以在此处找到一个全面的列表,我必须手动传递所有这些代码才能获得我想要的结果,以下是我的代码:
<a href="http://www.facebook.com/share.php?u=<?= $url ?>" target="_blank" style="display: inline-block;">
<img src="facebook_circle.png" style="width: 26px;">
</a>
<a href="https://twitter.com/share?url=<?= $url ?>&text='<?= $quote ?>'" target="_blank" title="Share on Twitter" style="display: inline-block;">
<img src="twitter_circle.png" style="width: 26px;">
</a>
<a target="_blank" href="http://pinterest.com/pin/create/bookmarklet/?url=<?= $url ?>&media=<?= $image ?>&description=<?= $quote ?>" style="display: inline-block;">
<img src="pinterest_circle.png" style="width: 26px;">
</a>
我必须手动通过所有这些代码才能得到我想要的结果,以下是我的代码:
<a href="http://www.facebook.com/share.php?u=<?= $url ?>" target="_blank" style="display: inline-block;">
<img src="facebook_circle.png" style="width: 26px;">
</a>
<a href="https://twitter.com/share?url=<?= $url ?>&text='<?= $quote ?>'" target="_blank" title="Share on Twitter" style="display: inline-block;">
<img src="twitter_circle.png" style="width: 26px;">
</a>
<a target="_blank" href="http://pinterest.com/pin/create/bookmarklet/?url=<?= $url ?>&media=<?= $image ?>&description=<?= $quote ?>" style="display: inline-block;">
<img src="pinterest_circle.png" style="width: 26px;">
</a>
no。。它只打开弹出窗口。奇怪。这应该行得通。至少在我的情况下效果很好没有。。它只打开弹出窗口。奇怪。这应该行得通。至少在我的情况下,它工作得很好