CSS在检索帖子时不样式化,rails jquery



我的网站上有一个提要部分,可以呈现用户帖子。我有一个 custom.scss 样式表,其中包含我在加载应用程序时加载的所有样式。

问题是我有一个javascript,它在到达页面底部时获取更多帖子。当脚本获得更多帖子时,样式不会正确设置帖子的样式,在第一次检索或第二次、第三次等大量帖子中。

我阅读了资产管道文档,认为它会给我一个答案,但在这里没有。

我想知道是否有人知道为什么我的应用程序要这样做,希望只是我可以包含在我的脚本 js 文件中的东西或其他东西?

根据塞尔吉奥的建议,我的js代码。

浏览次数/static_pages/首页.js.erb

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

app/assets/javascripts/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();
  }
});
这个

问题的答案是,我在问题中有js代码,特别是#feed指向该<div id=""而不是该div中的<ol class=""。所以样式消失了,因为 js 在渲染我的项目时只返回该div 而不是 ol 样式。

最新更新