4

我正在将所有 sharethis 跨度的属性“st_url”动态更新为使用 jQuery 单击的视频的 url。在萤火虫中,您可以看到它正在更新我的跨度的 st_url 属性,但是我的 sharethis 按钮仍然绑定到初始 url。我读到我可能必须重新初始化元素,但我不确定最好的方法是什么?有没有人这样做或知道使用更新的 url 重新初始化按钮的最佳方法?谢谢!

Sharethis 包括并初始化:

<script type="text/javascript">
    var switchTo5x=true;
</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
    stLight.options({publisher:'xxxx'});
</script>

我的标记:

<span st_url="http://sharethis.com" class='st_stumbleupon' ></span>
<span st_url="example" class='st_facebook' ></span>
<span st_url="example" class='st_twitter' ></span>
<span st_url="example" class='st_email' ></span>

当用户点击视频时,我的 jQuery 更新 attr="st_url" :

//note: this is triggered by .bind('click')
var youtubeID = $(this).attr('id');
$('#container div > span').each(function(){
    //update sharethis to current video
    $(this).attr('st_url','http://www.youtube.com/watch?v=' + youtubeID);
});
4

4 回答 4

4

这是我项目中的代码。希望,你可以使用它。

// define attributes for buttons
settings.share_buttons = [
    ['facebook','st_facebook_large','Facebook','Share on Facebook'],
    ['twitter','st_twitter_large','Tweet','Share on Twitter'],
    ['pinterest','st_pinterest_large','Pinterest','Share on Pinterest'],
    ['linkedin','st_linkedin_large','LinkedIn','Share on LinkedIn'],
    ['googleplus','st_googleplus_large','Google +','Share on Google +'] 
]; //[service,class,displayText,title]

// all code under could be placed into a function and bind on a click event 
// (don't forget about variable with URL, 'our_link_to_share').

//if block with buttons already exists
if (document.getElementById('share_this_id')){
    $('#share_this_id' > span').each(function(){
     $(this).removeAttr('st_url').attr('st_url',our_link_to_share).empty();
        stWidget.addEntry({
            "service":$(this).prop('service'),
            "element":this,
            "url":$(direct_link).prop('value'),
            "title":$(this).prop('title'),
            "type":"large",
            "text":$(this).prop('displayText'),
            "image":"http://www.softicons.com/download/internet-icons/social-superheros-icons-by-iconshock/png/256/sharethis_hulk.png",
            "summary":"My site"
        });
    });
}// if not, we'll create it
else{
    $('body').append($('<div>').prop('id', share_this_id).prop('class', 'share_this'));
    var share_this = document.getElementById('share_this_id');
    for(i=0; i&ltsettings.share_buttons.length; i++){
        $(share_this).append($('<span>').attr('st_url', our_link_to_share).prop('class', settings.share_buttons[i][1]).prop('displayText', settings.share_buttons[i][2]).prop('title', settings.share_buttons[i][3]).prop('service', settings.share_buttons[i][0]));
    }
}
if (stButtons){stButtons.locateElements();},
于 2013-01-25T14:15:10.423 回答
3

因为 ShareThis 中没有 updateEntry 调用,您需要使用 jQuery 的 .html() 在容器内重新创建元素,然后使用针对跨度 ID 的单独调用 stWidget.addEntry 重新填充每个元素。

于 2012-03-01T18:53:02.923 回答
1

在通过 ajax 加载到新页面后,我使用以下代码片段重新初始化 ShareThis 按钮。只需确保添加您的发布者密钥:

$.ajax({  
    url: 'http://w.sharethis.com/button/buttons.js',  
    dataType: 'script',  
    success: function(){  
    stLight.options({  
    publisher: 'xxx',  
    onhover: false  
    });  
    },  
    cache: true  
});  

在搜索了很长时间寻找一个好的解决方案之后,我最初在下面链接到的位置找到了该片段。在这里转发是因为它被埋在大量其他过于复杂的代码中: http://forums.sharethis.com/topic.php?id=3937#post- 84933

于 2012-05-05T05:00:13.863 回答
0

最终我也最终重写了整个块。我是这样做的

<div id="share-buttons">
    <button>custom stuff</button>
</div>

<div id="share-template" style="display:none">
    <span class='st_facebook_large' displayText='Facebook'></span>
    <span class='st_twitter_large' displayText='Twitter' st_via="Myself"></span>
    <span class='st_linkedin_large' displayText='LinkedIn'></span>
    <span class='st_email_large' displayText='Email'></span>
</div>

每次分享的 url 改变时:

var url=newurl, title = newtitle;
$('#share-buttons > span.st_dynamic').remove();
$('#share-template > span').empty().unbind().removeAttr('st_processed').each(function(){
    $(this).clone().prependTo('#share-buttons')
        .attr('st_url',url)
        .attr('st_title',title)
        .addClass('st_dynamic');
});
if (window.stButtons) stButtons.locateElements();

所有 empty().unbind.removeCrap() 似乎都是必要的。还需要重置 st_title - 它被缓存在某个地方。

YMMV,尤其是由于buttons.js 是外部的并且这些未记录的内容发生了变化:-/

于 2016-01-13T00:35:37.803 回答