Share This buttons in Bootstrap Popover not clickable

Vote count:

0

I have a link which opens a popover, and in the popover I load content from a div. The content is some sharethis.com buttons and the javascript which is presented by sharethis to be added to the page.

So the set up looks like this :

Button and content :

<a href="#share" class="btn btn-white opaque30 btn-large marginR10" id="shareHead"><i class="fa fa-share"></i> Share</a>

<div id="share_this_btns" class="hidden">
            <script type="text/javascript" src="http://ift.tt/oe0kNZ"></script>
            <script type="text/javascript">stLight.options({publisher: "39ac6497-cf39-4157-a6bd-c7359e3c61a4", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
            <div class="margin-10"><span class='st_facebook_hcount margin-10' displayText='Facebook'></span></div>
            <div class="margin-10"><span class='st_twitter_hcount margin-10' displayText='Tweet'></span></div>
            <span class='st_pinterest_hcount' displayText='Pinterest'></span>
</div>

Popover init

$('#shareHead').popover({
                    title   : "Share",
                    html    : true,
                    content : function(){
                            return $('#share_this_btns').html();
                        },
                    placement : 'bottom'
});

The buttons turn up just fine and also show the count - however, they can't be clicked.

I have also tried putting the script tags outside of the content div, and removing them completely (as there is a second instance of the sharethis script, but with a different publisher ID).

Can you please advise?

asked 33 secs ago

Aurelin

66