javascript - 尝试用动态内容填充共享 Twitter 链接

Question

我有一个 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>

Answer 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 = '&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/