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

【问题标题】：Attempt to fill share Twitter link with dynamic content尝试用动态内容填充分享 Twitter 链接
【发布时间】：2016-06-27 22:26:40
【问题描述】：

我的 Twitter 有一个分享链接，我正在尝试用动态信息填充消息的文本。在以下示例中，我想在推文框中看到“您选择的内容”。这是我的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>

【问题讨论】：

标签： javascript jquery css twitter

【解决方案1】：

您需要获取#content 的内容。然后，您将能够将其作为 URL 中的变量传递。请参阅我的示例函数：

$('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;
});

<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>

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

【讨论】：

@Kelly Roper 我看到你试图编辑我的代码。请先写评论澄清并告诉我我的解决方案是否是您正在寻找的。当然，您可以编辑任何您想要的内容并根据自己的喜好进行修改。
抱歉，只是想删除一个 URL。我不知道这个过程是如何工作的。非常感谢您的帮助，祝您有美好的一天！
哦，好的。我删除了它。无论如何，我很高兴能帮上忙。祝你有美好的一天！