Jquery-Mobile と Phonegap を使用してモバイル アプリケーションを開発しています。Twitter 共有スクリプトを使用して動的データを共有したい:
このコードを外部ページで使用すると、「jquery-mobile やその他のスクリプトを使用せずに、正常に動作します。
HTML:
<a href="http://twitter.com/share"
data-url="http://your.url.com/yourdynamicpage"
class="twitter-share-button"
data-text="What should I share?"
data-count="horizontal">Tweet</a>
しかし、これをjavascriptファイルに追加して情報「Data-text」と「Data-Url」を動的に追加すると、このデータが含まれていないTwitterが開きます。
HTML:
Javascript:
$('#TwitterShare').append('<a href="http://twitter.com/share" rel="external"
data-url="http://your.url.com/yourdynamicpage"
class="twitter-share-button"
data-text="Dynamic Data will be inserted here"
data-count="horizontal">Tweet</a>');
行を静的に追加すると、送信されるリンクは次のとおりです。
https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Flocalhost%3A3025%2FShareTrial.html&source=tweetbutton&text=What%20should%20I%20share%3F&url=http%3A%2F%2Fyour.url.com%2Fyourdynamicpage
ただし、動的に追加されると、リンクでデータは送信されません。
https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Flocalhost%3A3025%2FViewPost.html&url=http%3A%2F%2Flocalhost%3A3025%2FViewPost.html
なぜこれが起こっているのか、どうすれば解決できるのか疑問に思っています。
ありがとう。