2017-02-13 19 views
0

我有我的網站上呈現用戶帖子的供稿部分。我有一個custom.scss樣式表,它包含我加載我的應用程序時加載的所有樣式。CSS沒有樣式檢索帖子,導軌jquery

問題是我有一個JavaScript,在到達頁面底部時獲取更多的帖子。當腳本獲得更多帖子時,樣式不會正確設置帖子的樣式,在第一次檢索或第二,第三等批量帖子上。

我讀了資產管道文檔思考,會給我一個答案,但沒有here

我想知道如果有人知道我的應用程序爲什麼這樣做,希望只是我可以包含在我的腳本js文件或東西?

在sergio的建議我的js代碼。

的意見/ static_pages/home.js.erb

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

應用程序/資產/ Java腳本/ 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 id=""而不是<ol class=""裏面的那個div。所以造型出去了,因爲js只在渲染我的物品時才返回div而不是ol造型。