如何基于javascript变量动态更改facebook评论插件url?

如何基于javascript变量动态更改facebook评论插件url?,javascript,flash,facebook-javascript-sdk,facebook-social-plugins,Javascript,Flash,Facebook Javascript Sdk,Facebook Social Plugins,我想根据javascript变量动态更改下面fb comments插件的data href。我正在运行一个flashswf文件,并通过javascript函数将data href的新链接传递到html包装器中。当我这样做时,我希望fb评论插件刷新到新的data href链接 <div style="float: left; padding-left:5px; min-height:500px" class="fb-comments" data-href="www.example.com"

我想根据javascript变量动态更改下面fb comments插件的data href。我正在运行一个flashswf文件,并通过javascript函数将data href的新链接传递到html包装器中。当我这样做时,我希望fb评论插件刷新到新的data href链接

<div style="float: left; padding-left:5px; min-height:500px" class="fb-comments" data-href="www.example.com" data-num-posts="20" data-width="380"></div>

这将加载初始注释框,脚本将在执行时清除注释div包装并用新url替换html5注释框。JSSDK随后将解析新框

这项工作需要JSSDK。指

修复来自dom操作的xfbml渲染



函数changeCommentsUrl(新URL){
//应该为“newUrl”变量刷新fb comments插件
document.getElementById('comments')。innerHTML='';
parser=document.getElementById('comments');
parser.innerHTML='';
FB.XFBML.parse(解析器);
}

用户已解决:

document.getElementById('comments').innerHTML='<div style="float: left; padding-left:5px; min-height:500px" class="fb-comments" data-href="'+link+'" data-num-posts="20" data-width="380"></div>'; 
FB.XFBML.parse(document.getElementById('comments'));
document.getElementById('comments')。innerHTML='';
parse(document.getElementById('comments');


我找到了一种最简单有效的方法,可以让你的Facebook评论框识别每个页面的单独URL(特别适合电子商务网站)

将此脚本添加到网站模板的顶部标题部分(它为您的评论框div生成de data href值:

<script type="text/javascript" language="javascript">
  jQuery("#FC").attr("data-href", window.location.href.split("?")[0]); 
</script>

jQuery(“#FC”).attr(“数据href”,window.location.href.split(“?”[0]);
然后在您的注释框div中,为javascript上生成的值添加id:

<div id="FC" class="fb-comments" data-href="" data-width="700" data-numposts="5" data-colorscheme="light">

瞧,我花了这么多时间来破解这个坚果,我只需要和你们分享它,以节省休息的时间!
干杯!

添加了代码,但当脚本执行时,它会清除注释框,但新的注释框不会出现。我已加载JS SDK。从innerHTML呈现时存在错误,我在顶部的解决方案中进行了编辑并在此处进行了测试,页面url 1和url 2上有2个链接,它们将更改并呈现注释框。谢谢,我已编辑通过删除解析器变量,代码运行正常。看起来您编辑的代码也应该运行正常。document.getElementById('comments')。innerHTML='';FB.XFBML.parse(document.getElementById('comments'));是的,我在我的登录页面lol上测试了它。如果你能标记答案,以便其他用户可以找到解决方案。我将编辑你的,以便用户可以看到不同的呈现方式。
<script type="text/javascript" language="javascript">
  jQuery("#FC").attr("data-href", window.location.href.split("?")[0]); 
</script>
<div id="FC" class="fb-comments" data-href="" data-width="700" data-numposts="5" data-colorscheme="light">