JetpackのInfinite Scrollでのバルーンボタン読み込み時に表示崩れが発生する

  • 解決済 eijif

    (@eijif)


    10年前

    WordPressでサイトを構築して、JetPackのInfinite Scrollで無限スクロールを設定して、トップページで各記事の概要を表示しているのですが、最初7件からスクロールして次の7件の記事を読み込む際にSNSバルーンボタンがうまく表示されずに若干表示が崩れてしまいます。

    http://soundrope.com/

    JavaScriptやPHPの知識がまだ疎いもので、解決方法が分からないため、対応を教えていただければ有り難いです。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 eijif

    (@eijif)

    10年前

    自己レスになりますが、Infinite ScrollのScriptよりも下に、下記の非同期のScriptを入れることで表示ができました。

    `( function( $ ) {
    $( document.body ).on( ‘post-load’, function () {
    FB.XFBML.parse();//Facebook
    twttr.widgets.load(); //Twitter
    gapi.plusone.go(); //Google+
    !function(d,i){var j=d.createElement(“script”);j.id=i;j.src=”https://widgets.getpocket.com/v1/j/btn.js?v=1″;var w=d.getElementById(i);d.body.appendChild(j);}(document,”pocket-btn-js”); //Pocket

    } );
    } )( jQuery );`

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「JetpackのInfinite Scrollでのバルーンボタン読み込み時に表示崩れが発生する」には新たに返信することはできません。