Wir erstellen eine Website für einen Kunden bei der Arbeit, die hier zu finden ist:http://ethercreative.net/studio_social/ Es ist ein sehr einfaches WordPress-Thema, aber die Komplikationen ergeben sich aus Konflikten zwischen dem Plugin für unendliches Scrollen und den sozialen Symbolen.

Jeder Beitrag soll am Ende einen Block mit sozialen Symbolen von G +, FB und Twitter anzeigen. Es soll ungefähr 4 Posts anzeigen und dann beim Scrollen das nächste Set laden.

Jedes dieser Dinge funktioniert, aber nicht zusammen.

Wenn der unendliche Bildlauf den nächsten Block von Beiträgen lädt, wird nur ein Facebook-ähnlicher Button und keines der beiden anderen sozialen Symbole angezeigt.

Das Seltsame ist jedoch, dass es Blöcke des Codes zurücklässt:

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

Ich weiß, was das Problem ist und warum es passiert, aber ich bin nicht sehr gut mit Javascript und weiß nicht, welche Aufrufe ich verwenden soll, um es zu beheben.

Ich verwende Wordpress 3.3.1 mit dem Plugin für unendliche Bildläufe (http://wordpress.org/extend/plugins/infinite-scroll/) und digg digg für die sozialen Symbole (http://wordpress.org/extend/plugins) / digg-digg /)

Das Plugin für unendliche Bildläufe bietet die Möglichkeit, onLoad-Ereignisse hinzuzufügen, die ausgeführt werden, nachdem die neue Gruppe von Posts abgerufen wurde. Also, was soll ich hier hinzufügen?

Vielen Dank für jede Hilfe im Voraus! Einen schönen Tag noch.

Update: Nach weiteren Recherchen habe ich auch Twitter repariert. Jetzt muss nur noch Google Plus behoben werden. Der für Twitter erforderliche Code war:

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

Erneut aktualisieren: Auch den Google Plus-Code gefunden:

(function () {var po = document.createElement ('script'); 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);}) ();

Was habe ich gelernt Machen Sie mehr googeln, bevor Sie nach Stack Overflow fragen. Zumindest ist hier die Antwort für Menschen mit diesem Problem in Zukunft.