尝试用动态内容填充分享Twitter链接

时间:2016-03-12 17:45:57

标签: javascript jquery css twitter

我的Twitter有一个共享链接,我试图用动态信息填充消息文本。在以下示例中,我想在Tweet框中看到“您选择的内容”。这是我的jsfiddle。非常感谢!

https://jsfiddle.net/ksaluja/akotzwop/1/

<p><a id="twitterLink" title="Share this on Twitter" class="shareLinksA" href="https://twitter.com/share?url=&amp;text=You selected" onclick="javascript:window.open(this.href,
      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">Twitter</a></p>
    <div id="content">
    <p>
        Content
    </p>

    </div>

1 个答案:

答案 0 :(得分:0)

您需要获取#content的内容。然后,您将能够将其作为URL中的变量传递。看我的示例函数:

&#13;
&#13;
$('body').on("click", "#twitterLink", function() {
	var content = $('#content').text(),
        twitterShare = 'https://twitter.com/share?url=',
        windowArgs = 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600',
        myURL = '&amp;text=You selected';

    window.open(twitterShare+myURL+content,'Share on Twitter', windowArgs);
    return false;
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<p><a id="twitterLink" title="Share this on Twitter" class="shareLinksA" href="#">Twitter</a></p>

<div id="content">
  <p>Content</p>
</div>
&#13;
&#13;
&#13;

jsFiddle:https://jsfiddle.net/azizn/afrvLrzL/3/