Question

我有一个片段为我们的新闻网站创建一个“赞”按钮：

<iframe id="likeButton" src="http://www.facebook.com/widgets/like.php?href="
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

但是，为了使其正常工作，因为按钮发布了一个错误，指出按钮位于无效的URL地址上，我添加了一些jQuery来调整URL，如下所示：

<script type="text/javascript">
    $(document).ready(function(){    
        var imageFile = $('#likeButton').attr( 'src');
        eval("imageFile = imageFile +"+"window.location.href;");     
        eval("$('#likeButton').attr( 'src', function(){return imageFile +"+"window.location.href;});");
    });
</script>

据我所知，这是有效的。

我想更改按钮从喜欢推荐，并从Facebook网站上知道我需要将一个action = recommended属性附加到URL。但作为一个新手，我一直无法添加它，所以它的工作原理。如何向URL添加属性？

Answer 1

首先，在这种情况下，您没有业务呼叫eval。很少需要eval，应该不惜一切代价避免它。话虽如此，请查看以下代码。我只是使用标准查询字符串语法构建新的src属性来添加新的操作值，然后我进行设置。非常不言自明......

$(document).ready(function(){
  var iframe = $("#likeButton");
  var newSrc = iframe.attr("src");
  newSrc += encodeURIComponent(location.href);
  newSrc += "&action=recommend";

  iframe.attr("src", newSrc);
});

如果那里的任何内容对你没有意义，请随意提问，我会进一步解释。

如何将Facebook“赞”按钮更改为“推荐”按钮

1 个答案: