Question

更新

我想在使用jQuery的blockquotes之后添加一个自制的“tweet this”按钮。我发现以下三个步骤是必要的（由于stackoverflow社区已经解决了一些步骤）：

[已解决] 将任何附加到blockquote
[已解决] 将有效的推特分享链接附加到blockquote
确保它适用于多个blockquotes

我目前使用的代码是：

<script type="text/javascript">
var completeurl = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search;
completeurl = encodeURIComponent(completeurl);
var twshare = "https://twitter.com/share?url=" + completeurl;
var bq = $( "blockquote" ).text()

$("blockquote").append("<a href='" + twshare + "&text=" + bq + "'>Click to tweet</a>");   
</script>

所以目前的状态是：我停留在＃3，使其适用于每页多个块引用。理想情况下，手动分配ID或类似内容并不是必需的。所以完全自动化了@tweet这个“按钮每个块引用。这可能吗？

谢谢！

Answer 1

如果没有看到足够的标记，很难指出问题所在。

然而，它运作得很好。

请看这个小提琴： http://jsfiddle.net/JvT7h/2/

$("blockquote").append("<a href='http://twitter.com'>Click to tweet</a>");

除了：append不会在之后添加元素，而在中作为子添加。

<强>更新：

根据您的评论，您需要自定义要附加到多个anchor的{{1}}链接，具体取决于每个blockquotes的文字。

请参阅此更新的演示文件： http://jsfiddle.net/abhitalks/JvT7h/3/

JQuery的：

blockquote

您需要遍历所有$("blockquote").each(function(){ var $link = $("<a />"), linkText = "Click to tweet", url = twshare + "&text=" + $(this).text(); $link.attr("href", url); $link.text(linkText); $(this).append($link); });，然后使用blockquotes附加自定义锚点。

使用jquery将“tweet this”按钮附加到blockquotes

1 个答案: