Twitter推文链接不显示答案

【问题标题】：Twitter tweet link not displayingTwitter推文链接不显示
【发布时间】：2014-01-24 09:01:49
【问题描述】：

我正在尝试建立一个推文弹出链接。

我的html代码如下

<p class="col-xs-5 col-xs-offset-1" id="custom-tweet-button"> 
<a class="twitter-share-button shareButton twitter popup" href="http://twitter.com/share?text=My Custom text"  data-text="My Custom text" data-count="none" data-url="https://www.google.com">
<img src="32399/images/social/tweet2.png"  alt="" />
</a> 
</p>

javascript代码是

  $('.popup').click(function(event) {
    var width  = 575,
        height = 400,
        left   = ($(window).width()  - width)  / 2,
        top    = ($(window).height() - height) / 2,
        url    = this.href,
        opts   = 'status=1' +
                 ',width='  + width  +
                 ',height=' + height +
                 ',top='    + top    +
                 ',left='   + left;

    window.open(url, 'twitter', opts);

    return false;
  });

问题是当弹出窗口发生时，它只显示文本。 来自 teh data-url 的 URL 未显示。我需要在推文链接中也显示 URL。

我已经创建了一个示例 jsfiddle

http://jsfiddle.net/yU9pP/1/

您可以看到 data-url 没有被使用如何使用它。？

【问题讨论】：

标签： javascript html twitter

【解决方案1】：

你使用的不是完整的twitter button，添加对应的js sn -p 解决问题，激活data-url使用。

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Demo

【讨论】：

嗯，是的。但是，添加该 twitter sn-p 代码也会导致我的自定义图像消失。我可以通过在链接中的文本后面添加来解决这个问题

【解决方案2】：

我在href中添加了以下内容，它起作用了....这是这样做的方法吗？

http://twitter.com/share?text=My Text!&url=https://www.google.com

【讨论】：