Facebook的分享按鈕與Facebook的JavaScript的SDK在Django的模板循環

Question

我有一點麻煩得到這個工作，我想爲我的網站上的每個職位生成一個Facebook的分享按鈕，但我有它的方式設置我只獲得第一個按鈕實例的工作共享按鈕，並且它只共享頁面上的最後一個帖子，其他任何共享按鈕都不會執行任何操作。

相關代碼

博客/ post_list.html

{% extends 'blog/base.html' %} 
{% load cloudinary %} 
{% block content %} 
    <div id='posts'> 
    {% for post in posts %} 

     [...] 

     <div id="shareBtn" class="btn btn-success clearfix">Share</div> 
     <script> 
       document.getElementById('shareBtn').onclick = function() { 

       FB.ui({ 
        method: 'share', 
        display: 'popup', 
        href: 'http://example.com:8000{{ post.get_absolute_url   }}', 
        }, function(response){}); 
       } 
     </script> 
    {% endfor %} 

    [...] 

{% endblock %} 

Answer 1

不要問我這是如何工作，但我改變了

<div id="shareBtn" class="btn btn-success clearfix">Share</div> 

和

document.getElementById('shareBtn').onclick = function() { 

到

<div id="shareBtn{{ post.pk }}" class="btn btn-success clearfix">Share</div> 

和

document.getElementById('shareBtn{{ post.pk }}').onclick = function() { 

和它的工作！