4

すべての sharethis スパンの属性「st_url」を、jQuery でクリックされたビデオの URL に動的に更新しています。firebug では、スパンの 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>

ユーザーがビデオをクリックしたときに attr="st_url" を更新する私のjQuery：

//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 に答える