像按钮ajax iframe布局从按钮计数恢复到标准

时间:2011-01-08 23:32:27

标签: jquery facebook facebook-like

查找和搜索我几乎不期待回复;)因为我认为似乎很多人都没有尝试过这个。问题相对较小,我更希望有人遇到同样的问题。所以我们会看到。

//when share is clicked remove all content in share and add in facebook's like button
$('#flb').live('click',function(){

    var ID = $('#question-shell').attr('data-id');

    $( '#flbCont' ).empty().append( $('<iframe />')
        .attr( 'src', 'http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.wouldyourather.eu%2F%3Fid%3D'+ ID +'&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21' )
        .attr( 'scrolling', 'no' )
        .attr( 'frameborder', 'no' )
        .attr( 'style', 'border:none; overflow:hidden; width:450px; height:80px;' )
        .attr( 'allowTransparency', 'true' )
    );

    return false;
});

这是我的代码。简单地删除facebook共享占位符中的任何内容并添加新的动态内容。但是它被jqueryed的样式有标准显示,即使在html中它说应该加载标准而不是button_count版本。

任何想法都将是brill:)

干杯球员

5 个答案:

答案 0 :(得分:1)

将查询字符串中的“href”参数移动到最后一个参数。在您的代码中,您可以将其更改为

.attr( 'src', 'http://www.facebook.com/plugins/like.php?layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21&amp;href=http%3A%2F%2Fwww.wouldyourather.eu%2F%3Fid%3D'+ ID)

希望这有帮助。

答案 1 :(得分:0)

确保'&amp; amp'不会从您喜欢的网址末尾删除。这将导致布局无法正确设置并默认为“标准”。

答案 2 :(得分:0)

我遇到了同样的问题并取下了放大器;并留下了&符号,这似乎解决了它。希望这会有所帮助 - 我也找了一会儿。

答案 3 :(得分:0)

最后我使用.load()并将代码放在一个单独的页面中并加载到。

答案 4 :(得分:0)

我不知道这个迟到的回复是否仍然有用,但希望其他也在努力解决这个问题的人能够看到它。

我发现如果我改变所有&amp; amp; amp;到&amp;然后它奏效了!