Multiple кнопку Pin-он на той же странице

Question

Я создал кнопку Pinterest со следующим кодом на статью:

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="red"></a> 

конечно у меня есть JS тоже:

<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script> 

и он отлично работает сам по себе, но если я хочу добавить вторую кнопку в конце статьи, она просто не работает. Вторая кнопка не изменяется и остается как ссылка вместо iframe.

Возможно ли это, или я делаю что-то неправильно?

Answer 1

Для каждой кнопки вы создаете, добавить идентификатор в конце ссылки:

<a href="//www.pinterest.com/pin/create/button/0" data-pin-do="buttonBookmark" data-pin-color="red"></a> 
<a href="//www.pinterest.com/pin/create/button/1" data-pin-do="buttonBookmark" data-pin-color="red"></a> 
<a href="//www.pinterest.com/pin/create/button/2" data-pin-do="buttonBookmark" data-pin-color="red"></a>... 

Answer 2

<span class="pin-me">Custom HTML Button</span> 
<script> 
    function pinIt() 
     { 
     var e = document.createElement('script'); 
     e.setAttribute('type','text/javascript'); 
     e.setAttribute('charset','UTF-8'); 
     e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999); 
     document.body.appendChild(e); 
     } 


    $('body').on('click', '.pin-me', function(){ 
      pinIt(); 
     }); 
</script>