javascript - 使用 jquery 将 "tweet this"按钮附加到 block 引用

Question

更新:

我想用 jQuery 在 block 引用后面添加一个自制的“tweet this”按钮。我发现以下三个步骤是必要的(由于 stackoverflow 社区，有些步骤已经解决):

1. [已解决]将任何内容附加到 block 引用
2. [已解决]将有效的 Twitter 共享链接附加到 block 引用
3. 确保它适用于多个 block 引用

我目前使用的代码是:

<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，使其能够在每页使用多个 block 引用。理想情况下，不需要手动分配 ID 或类似的东西。如此完全自动化，每个 block 引用一个@tweet this"按钮。这可能吗？

谢谢!

Answer 1

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

但是，它工作得很好。

看到这个 fiddle : http://jsfiddle.net/JvT7h/2/

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

旁白:append不会在之后添加元素，而是作为内部的子元素。

更新:

根据您的评论，您需要自定义要附加到多个 block 引用的 anchor 链接，具体取决于每个 block 引用的文本。

查看此更新的演示 fiddle : http://jsfiddle.net/abhitalks/JvT7h/3/

JQuery:

$("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);
});

您需要迭代所有 block 引用，然后使用$(this) 附加自定义 anchor 。