Question

我正在构建一个使用jQuery UI的部分，允许用户在屏幕上拖动单词来创建他们自己的句子，然后他们可以在Twitter上分享。

我希望他们创建的文字在点击“推文”按钮时输入到Twitter文本区域。

我希望通过PHP或JS，有一种方法可以输出已移入div的文本，然后将其输入到Twitter的'＆amp; text = Text％20goes％20here'部分代码。

<a href="https://twitter.com/intent/tweet?button_hashtag=SUYearbook&text=Text%20goes%20here" 
   class="twitter-hashtag-button" data-size="large" 
   data-related="username">Tweet #SUYearbook</a>

如果您需要了解更多信息，可以在此处查看设置：http://goo.gl/s6CBD

重申：将文本拖到区域中，按下推文按钮（或“完成”按钮），它会将文本内容添加到Twitter代码中，然后在推文模式中显示。

Answer 1

最简单的方法是在每个单词的span上添加一个类，然后使用适当的类循环遍历每个span。像这样：

$(".twitter-hashtag-button").click(function(e) {
    e.preventDefault();
    var text = $(".selectedWord").map(function() {
        return $(this).text();
    }).get().join(' ');
    window.location.assign("https://twitter.com/intent/tweet?button_hashtag=SUYearbook&text=" + text)
});

Answer 2

您最好的选择是使用目标div上的droppable插件，并使用accept事件将该字词添加到twitter链接。

获取<div>中的文本并输出</div>

2 个答案: