Javascript 改变G+；不刷新页面的url参数

我有一个链接，用户可以在

fb

和

G+

上共享

用户可以修改该链接，并使用ajax调用进行修改，这样页面就不会刷新

我的gplus按钮代码：

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

问题是

G+

按钮仍然加载旧的url。 但只有通过提神，我才能得到新的

我的问题是如何在不刷新页面的情况下更改

G+

url？

这就是您想要的（显然是更改ajax回调逻辑的提示）

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);

});

$（函数（）{
变量容器=$（“#gplus”）；
var render=函数（url）{
container.html（“”）；
gapi.plusone.go（'gplus'）；
};
$（“按钮”）。单击（函数（事件）{
var url=prompt（'给我一个url'）；
呈现（url）；
});
渲染（location.href）；
});

请注意，我正在该JSFIDLE的外部资源中加载plusone.js

顺便说一句，为什么要使用Symfony2标记？

这就是您想要的（显然要更改ajax回调逻辑的提示）

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);

});

$（函数（）{
变量容器=$（“#gplus”）；
var render=函数（url）{
container.html（“”）；
gapi.plusone.go（'gplus'）；
};
$（“按钮”）。单击（函数（事件）{
var url=prompt（'给我一个url'）；
呈现（url）；
});
渲染（location.href）；
});

请注意，我正在该JSFIDLE的外部资源中加载plusone.js

---

顺便说一句，为什么要使用Symfony2标记？

gapi.plusone.go（'gplus'）

这就是我缺少的！Symfony2 tage是因为

{{url}}

是一个细枝标记，它将url变量呈现为ok！美好的那些谷歌API有时会变得棘手。如果您认为这是正确答案，请将其设置为已接受<代码>gapi.plusone.go（'gplus'）这就是我所缺少的！Symfony2 tage是因为

{{url}}

是一个细枝标记，它将url变量呈现为ok！美好的那些谷歌API有时会变得棘手。如果您认为这是正确答案，请将其设置为已接受！