2017-07-01 11 views
0

私はWordPress、Thesisテーマ、およびBeaver6813などのプラグインInfinite Scroll v2.6.2を使用して開発しているサイトで無限スクロールを実装しました。WordPressページネーション/無限スクロール別のプラグインを破る

残念ながら、別のプラグインkk Star Ratings v2.6がKamal Khanによって壊れているようです。

私のサイトは、私のfunctions.phpファイルで設定>読書>あなたの最新の投稿や、次のコードを介してホーム・ページ上の特定のカテゴリで記事を表示するように構成されています

add_action('pre_get_posts', function ($q) 
{ 
    if ( $q->is_home() 
     && $q->is_main_query() 
    ) { 
     $q->set('category_name', 'strip'); 
     $q->set('posts_per_page', 3); 
    } 
}); 

無限スクロールが働いています。投稿のタイトルと投稿のコンテンツの間に、星評価のプラグインが表示されます。

しかし、コア機能(スターをクリックしてポストを評価する機能は、3つのポストの初期読み込み時にのみ機能します)。それ以降のすべての怠惰な負荷は、星と評価の数を表示しますが、実際に星をクリックして投稿を評価することはできません。

トップポストの1つで働いている例:workingです。

次に、壊れた機能の例を示します。not-working

スタイリングに違いがあるようです。

次のように働くものは、80%の幅を持っている:

<div class="kksr-fuel kksr-star orange" style="width: 80%;"</div> 

壊れたものは0%の幅を持っている:80%:

<div class="kksr-fuel kksr-star yellow" style="width:0%;"</div> 

私は」幅を強制しようとしませんでした私のスタイルシートを使って "重要!"インターフェイスを視覚的に変更したが、クリックすることで格付けを保存することができなかった。

私は動作していないプラグインを見ることができますが、私は幅が本質的に私が投稿を評価するために必要な機能を隠しているという仮説を立てています。

私はちょうどそれをノックする方法を理解することができません。

いくつかのプラグインを試したところ、同じ結果が得られました。私は初心者ですが、ページ分割のために無限のスクロールを使用している方法が、プラグインが完全に妨げられていると思われます。私はわかりません。ローディングと思います。

私はこれを理解することに非常に近いと感じています...フィニッシュラインの上に軽い動きが必要です。

+0

Fiverrの誰かの助けを借りて修正されました。いくつかのJavaScriptを追加し、functions.php(またはThesisテーマを使用しているのでcustom.php)を使ってそれをエンキューしました。 コードは 'code' jQuery(document)です。レディ(関数($){ のsetInterval(関数(){ 場合($( 'ホーム.content> DIV:最後の子供。)hasClass(' LG')){ }他{ $( '.home .content> DIV:最後の子 ')addClass(' LG'); $ ( "KK-星評価。")kkstarratings(); } }、2000); 。 }); 'code' –

答えて

0

ここに私のコメントで先に述べた修正があります。

以下のコードはFiverrの誰かが提供しました。私はそれをスクリプトに加えて、それを待ち行列に入れました。

jQuery(document).ready(function($){ 
    setInterval(function(){ 
    if(!$('.home .content > div:last-child').hasClass('lg')){ 
     $('.home .content > div:last-child').addClass('lg'); 
     $(".kk-star-ratings").kkstarratings(); 
    } 
    }, 2000); 
}); 
関連する問題