Попытка заполнить ссылку Twitter с динамическим контентом

Question

У меня есть ссылка для моего 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> 

Answer 1

Вы должны получить содержание, хорошо, #content. Затем вы сможете передать это как переменную в своем URL-адресе. Смотрите мой пример функции:

$('body').on("click", "#twitterLink", function() { 
 
\t 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/