2012-05-10 23 views
9

Oto scena:Ręcznie renderowania generowane dynamicznie Google „plus jeden” przycisk

  • Na stronie nie ma google przycisk +.
  • Użytkownik klika przycisk.
  • Wysyłane jest żądanie AJAX, które ładuje tekst i przycisk google + (<g:plusone href="http://www.website.com"></g:plusone>) do div.
  • Widzę, kiedy patrzę na kod, który tam jest, ale to nie jest renderowanie.

Słyszałem, że może to być przydatne: gapi.plusone.go();

Ale nie jestem pewien.

Wszelkie pomysły?

Dzięki

+2

Ponieważ masz już element g + div - wszystko co musisz zrobić, to wywołać render, wywołując 'gapi.plusone.go()'. Lepiej przekazać mu identyfikator div pojemnika. –

Odpowiedz

10

Jesteś na dobrej drodze. gapi.plusone.go() to jeden ze sposobów wyraźnego renderowania przycisku +1. Oto fragment kodu z official docs, który ilustruje inną metodę z użyciem gapi.plusone.render().

<html> 
    <head> 
    <title>+1 Demo: Explicit render</title> 
    <link rel="canonical" href="http://www.example.com" /> 
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> 
     {"parsetags": "explicit"} 
    </script> 
    <script type="text/javascript"> 
     function renderPlusone() { 
     gapi.plusone.render("plusone-div"); 
     } 
    </script> 
    </head> 
    <body> 
    <a href="#" onClick="renderPlusone();">Render the +1 button</a> 
    <div id="plusone-div"></div> 
    </body> 
</html> 

API JavaScript jest również zapisana elsewhere on the previously linked page.

+0

Dzięki! Innym problemem, który miałem (głupi mnie) było to, że wywoływałam render/go, gdy tylko strona została załadowana ... Dodałem trochę czasu, aby poczekać na zakończenie żądania ajax - i to działa teraz. Dzięki za pomoc! – JoeRocc

Powiązane problemy