2017-02-13 18 views
0

私のウェブサイトにはユーザーの投稿を表示するフィードセクションがあります。私は私のアプリケーションをロードするときにロードされるすべての私のスタイリングを保持するcustom.scssスタイルシートを持っています。投稿の検索時にCSSがスタイリングしないjquery

問題は、ページの下部に到達すると、より多くの投稿を取得するJavaScriptがあることです。スクリプトがより多くの投稿を受け取ると、スタイリングは、最初の検索や2番目、3番目の投稿などで投稿を正しくスタイル付けしません。

私は回答を与えるが、hereをしなかった資産pipline docの考えを読んだ。

私のアプリがこれをやっている理由を誰かが知っているのだろうか、うまくいけば私は自分のスクリプトのjsファイルなどに入れることができますか?

セルジオの提案に私のjsコード。

ビュー/ static_pages/home.js.erb

$('#feed').append('<%= escape_javascript render(@feed_items) %>'); 
$('.pagination').replaceWith('<%= escape_javascript will_paginate(@feed_items) %>'); 

アプリ/資産/ JavaScriptの/ endless_scroll.js

$(document).ready(function() { 
    if ($('.pagination').length) { 
    $('.dynamicdisplaypanel').scroll(function() { 
     var url = $('.pagination .next_page').attr('href'); 
     if (url && $('.dynamicdisplaypanel').scrollTop() >= $('.dynamicdisplaypanel')[0].scrollHeight - $('.dynamicdisplaypanel').height()) { 
     $('.pagination').text("Please Wait..."); 
     return $.getScript(url); 
     } 
    }); 
    return $('.dynamicdisplaypanel').scroll(); 
    } 
}); 
+0

コード? AJAXは機能しますか?それは新しい投稿を取得しますか? –

+0

はいjqueryは動作しますが、投稿はうまくいきますが、それらのポップアップがポップアップすると、それらはすべて駄目です。私は私のjsコードを追加します。 –

+0

要素に必要なCSSクラスがありますか?デフォルトであれば、既存の投稿に同じCSSが適用されますか? –

答えて

0

この質問への答えは、私はjsのコードを持っていたこと、です質問、具体的には#feedはそのdiv内の<ol class=""ではなく<div id=""を指しています。そこで、jsはアイテムをレンダリングするときにolスタイリングの代わりにそのdivを返しただけなので、スタイリングが消えました。

関連する問題