Tworzymy stronę dla klienta w pracy, którą można znaleźć tutaj:http://ethercreative.net/studio_social/ Jest to bardzo prosty motyw Wordpress, ale komplikacje pojawiają się w przypadku konfliktów między nieskończoną wtyczką przewijania a ikonami społecznościowymi.

Każdy post ma wyświetlać blok na końcu z ikonami społecznościowymi G +, FB i Twitter. Ma na celu wyświetlenie ~ 4 postów na początku, a następnie przewijanie ma na celu załadowanie następnego zestawu.

Każda z tych rzeczy działa, ale nie razem.

Kiedy nieskończony zwój ładuje następny blok postów, pokazuje on tylko przycisk podobny do Facebooka i żadną z dwóch pozostałych ikon społecznych.

Dziwne jest jednak to, że zostawia bloki kodu:

<code><span class="icons">
                    <g:plusone size="medium" href="http://ethercreative.net/studio_social/?p=1"></g:plusone>                <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fethercreative.net%2Fstudio_social%2F%3Fp%3D1&amp;locale=&amp;layout=button_count&amp;action=like&amp;width=92&amp;height=20&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:92px; height:20px;" allowtransparency="true"></iframe>&nbsp;&nbsp;&nbsp;
                    <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ethercreative.net/studio_social/?p=1" data-count="horizontal" data-text="Hello world!" data-via="twitter_username"></a></span>
</div>
</code>

Wiem, o co chodzi i dlaczego tak się dzieje, ale naprawdę nie jestem zbyt dobry z javascriptem i nie wiem, jakich wywołań użyć, aby to naprawić.

Używam Wordpress 3.3.1 z nieskończoną wtyczką przewijania (http://wordpress.org/extend/plugins/infinite-scroll/) i digg digg dla ikon społecznościowych (http://wordpress.org/extend/plugins / digg-digg /)

Nieskończona wtyczka przewijania ma możliwość dodawania zdarzeń onLoad w celu uruchomienia po pobraniu nowego zestawu postów. Co więc powinienem tutaj dodać?

Dziękujemy za wszelką pomoc z góry! Miłego dnia.

Aktualizacja: Po kilku dalszych badaniach poprawiłem też twittera. Teraz jest tylko Google Plus do naprawienia. Kod wymagany dla twittera to:

<code>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</code>

Zaktualizuj ponownie: znaleziono także kod Google Plus:

(function () {var po = document.createElement ('skrypt'); po.type = 'text / javascript'; po.async = true; po.src = 'https://apis.google.com/js/ plusone.js '; var s = document.getElementsByTagName (' script ') [0]; s.parentNode.insertBefore (po, s);}) ();

Czego się dowiedziałem? Zrób więcej gogli, zanim zapytasz o Stack Overflow. Przynajmniej słyszy odpowiedź dla ludzi z tym problemem w przyszłości.