[英]Changing G+ url parameter without refreshing the page
我有一个链接,用户可以在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+
按钮仍会加载旧的网址。 但是只有刷新,我才能得到新的。
我的问题是如何在不刷新页面的情况下更改G+
网址?
这是您想要的吗(显然更改了您的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);
});
请注意,我正在将plusone.js加载到该jsfiddle的外部资源中。
顺便说一句,为什么要使用Symfony2标签?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.