2013-02-20 117 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