1

ユーザーが と で共有できるリンクがありfbますG+。

ユーザーはそのリンクを変更でき、ページが更新されないように ajax 呼び出しでそれを行いました。

私のgplusボタンコード:

<link rel="canonical" href="{{ url }}" />
<g:plus action="share" style="height: 28px;" ></g:plus>

ユーザーが URL を変更すると、href属性も更新されます。

$.post(url,{
       someParams:"someValues"
   },function(data){
 .
 .
 .
 // updating the href attribute with the new modified url 
 $('link[rel="canonical"]').attr("href",data.url);
 }

問題は、G+ボタンがまだ古い URL をロードしていることです。しかし、リフレッシュするだけで、新しいものを手に入れることができます。

私の質問はG+、ページを更新せずに URL を変更するにはどうすればよいですか?

4

1 に答える 1

1

これはあなたが望むものですか (明らかに ajax コールバック ロジックのプロンプトを変更します)?

http://jsfiddle.net/coma/2783J/6/

HTML

<!-- Place this tag where you want the +1 button to render. -->
<div id="gplus"></div>
<button>change it!</button>

JS

$(function() {

    var container = $('#gplus');
    var render = function(url) {

        container.html('<g:plusone href="' + url + '"></g:plusone>');
        gapi.plusone.go('gplus');

    };

    $('button').click(function(event){

        var url = prompt('Give me an URL');
        render(url);

    });

    render(location.href);

});

そのjsfiddleの外部リソースにplusone.jsをロードしていることに注意してください。

ところで、なぜ Symfony2 タグを使用したのですか?

于 2013-05-28T18:46:45.910 に答える