Question

如何通过一些jQuery更改我的google +1按钮的href属性

该按钮最初加载一个空的href。

这是我到目前为止所尝试的内容

$(document).ready(function () {
    var qrCode = 'A12345';
    var shareLink = "http://<?php echo $_SERVER['HTTP_HOST'];?>/show.php?qrCode="+qrCode;
    $("#shareLink").attr("href", shareLink);
});

<g:plusone size='medium' id='shareLink' annotation='none' href='' callback='countGoogleShares'></g:plusone>

Answer 1

设置href后，在jQuery函数中使用JSAPI explicitly render +1按钮。

Answer 2

我终于以我想要的方式工作了。我重新构建了一些代码以使其工作。我没有尝试更改document.ready上的href属性，而是创建了一个空div作为google plus按钮的容器，并通过.html（）

编写了带有正确href的按钮。

//load the google plus javascript api
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
    {"parsetags": "explicit"}
</script>

//create an empty div to be the target of the google plus button
<div id="plusContent"></div>

<script>
    //get the qrcode to append to the url (ajax call in real life)
    var qrCode = 'A12345';

    //build the google plus object text string
    var googleShareLink = "<g:plusone size='medium' id='shareLink' class='shareLink'  annotation='none' href='http://<?php echo $_SERVER['HTTP_HOST'];?>/show.php?qrCode="+qrCode+"' callback='countGoogleShares'></g:plusone>";

    //write the google plus object to the target div
    $("#plusContent").html(googleShareLink);

    //render the +1 buttons in the target location
    gapi.plusone.go("plusContent");
</script>

Answer 3

使用jquery“.next（）”函数选择标记。您只需要在此按钮之前放置一个可选标签。

你为什么要这样做？

Answer 4

您不需要在JS字符串中包含HTML。

我创建a page类似于我创建div的地方，在其中我放了我的g：plusone标记。我将div作为属性放在div中作为“data-url”，但你不必在这里这样做。

<div class="plusoneContent" data-url="http://www.adamkoch.com/2012/05/04/moz-proxy-issues/">
<g:plusone></g:plusone>
</div>

然后我调用gapi.plusone.render并传入URL：

var url = $(this).data('url');
gapi.plusone.render(this, {href: url});

Answer 5

我使用了以下正常工作的代码：

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
</script>
<div id="plusone-div" class="plusone"></div>
<script type="text/javascript">
    gapi.plusone.render('plusone-div',{"size": "medium", "count": "true", "href": "[http://MySite.Com/]"});
</script>

使用jquery更改google +1按钮的href

5 个答案: