Question

我有以下脚本。正如你所看到它确实更新了fb href，但由于某些奇怪的原因，它无法处理。我弄乱了什么吗？

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
</head>
<script>
$(document).ready(function() {
    $('#submit').click(function() {
        $('fb\\:like').attr('href', $("#URL").val());
    });
});
</script>
<body>

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=174802005910704&amp;xfbml=1"></script>
<fb:like href="#" send="false" layout="box_count" width="80" show_faces="false" font=""></fb:like>
<input type="text" id="URL" />
<input type="button" id="submit" value="go">
</body>
</html>

非常感谢任何帮助。

Answer 1

这不会做太多，因为<fb:like>标签已经被处理和渲染。你所做的一切（如果它确实有效）正在改变属性，这无论如何都没有效果

尝试解释你想要完成的事情，你会得到更好的答案

Answer 2

将此添加到您的html

<div class="share"></div>

在加载时，按下按钮或更改某些状态时，请调用此功能

function update_share_location() {

    // Empty previous share stuff
    $('.share').empty();

    // Your new share location
    var url_loc = 'http://yournewshare.com';

    share_options = '<iframe src="//www.facebook.com/plugins/like.php?href='+url_loc+'&amp;send=false&amp;layout=button_count&amp;width=250&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=26" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:26px;" allowTransparency="true"></iframe>';

    // Update html
    $('.share').html(share_options);


}

在jQuery中更新像URL一样的Facebook

2 个答案: