Estamos haciendo un sitio web para un cliente en el trabajo, que se puede encontrar aquí:http://ethercreative.net/studio_social/ Es un tema de wordpress muy simple, pero las complicaciones surgen con los conflictos entre el complemento de desplazamiento infinito y los iconos sociales.

Cada publicación está diseñada para mostrar un bloque al final con los iconos sociales de G +, FB y Twitter dentro. Está destinado a mostrar aproximadamente 4 publicaciones al inicio, y luego, a medida que se desplaza, está destinado a cargar el siguiente conjunto.

Cada una de estas cosas funciona, pero no juntas.

Cuando el desplazamiento infinito carga el siguiente bloque de publicaciones, solo muestra un botón de "Me gusta" de Facebook y ninguno de los otros dos iconos sociales.

Lo extraño es que deja atrás los bloques del código:

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

Sé cuál es el problema y por qué está sucediendo, pero realmente no soy muy bueno con javascript y no sé qué llamadas usar para solucionarlo.

Estoy usando Wordpress 3.3.1, con el complemento de desplazamiento infinito (http://wordpress.org/extend/plugins/infinite-scroll/) y digg digg para los iconos sociales (http://wordpress.org/extend/plugins / digg-digg /)

El complemento de desplazamiento infinito tiene la capacidad de agregar eventos onLoad para ejecutarse después de que haya capturado el nuevo conjunto de publicaciones. Entonces, ¿qué debo agregar aquí?

Gracias por cualquier ayuda de antemano! Que tengas un buen día.

Actualización: Después de un poco más de investigación, he arreglado twitter también. Ahora solo queda Google Plus para arreglarlo. El código requerido para twitter fue:

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

Actualizar de nuevo: encontrado el código de Google Plus también:

(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);}) ();

¿Qué he aprendido? Hacer más googlear antes de preguntar en Stack Overflow. Al menos aquí está la respuesta para las personas con este problema en el futuro.