2013-02-20 119 views
0

我有一个漫画网站,Hitting Trees with Sticks,我想添加Facebook喜欢按钮。更新Facebook Like按钮与当前URL

正如您所看到的,主页上有缩略图,您可以点击...缩略图将根据该漫画的ID在viewcomic.php上加载完整大小的漫画。我认为这将很容易添加xfbml以下their tutorial.我试过添加xfbml和html5版本。

然后添加以下类似按钮的代码到我的viewimage.php页面,独特$ imgid将是:

<div class="fb-like" id="fb" data-href="http://www.hittingtreeswithsticks.com/?action=viewimage&site=<?php echo $site; ?>&id=<?php echo $imgid; ?>" data-send="false" data-layout="button_count" data-width="60" data-show-faces="true"></div> 

当我最初点击喜剧查看全尺寸,它给了我正确的像数为$ imgid和URL(应为0):http://www.hittingtreeswithsticks.com/?action=viewimage&site=comics&id=62

enter image description here

但是,出于某种原因,甚至当我去下漫画的ID,并强制URL和页面重载(我有以这种方式重新加载,因为我正在使用javas CRIPT允许用户按键通过图像导航和需要重新加载页面和ID)...

  window.history.pushState(null, null, '.?action=viewimage&site=<?php echo $site; ?>&id=<?php echo $imgid ?>); 
      window.location.reload(); 

它会给我总喜欢整个网站,而不是那种独特$ imgid为该URL:http://www.hittingtreeswithsticks.com/?action=viewimage&site=comics&id=61

enter image description here

我甚至试图迫使href属性与以下JavaScript来更新以下Elure's tutorial

 <script type="text/javascript"> 
     var sUrl = window.location; 
     document.getElementById('fb').setAttribute('href', sUrl); 
    </script> 

任何想法为什么?

谢谢!


是这样的吗?

<div class="fb-like" data-href="http://www.hittingtreeswithsticks.com/?action=viewimage&site=<?php echo $site ?>&id=<?php echo $imgid; ?>" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-font="trebuchet ms"></div> 
<script type="text/javascript"> 
    document.getElementById('fb').setAttribute('data-href', sUrl); 
    FB.XFBML.parse(); 
</script> 
+0

HTML5的风格XFBML.parse是你的朋友来更新数据href属性。 http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/ – 2013-02-20 04:33:04

+0

@WingLian谢谢荣。我把那个就在我的 Growler 2013-02-20 04:42:06

回答

1

需要,因为你使用的是像按钮

document.getElementById('fb').setAttribute('data-href', sUrl); 
FB.XFBML.parse(); 
+0

永,那样? (往上看) – Growler 2013-03-01 05:59:53