Question

我的网站上有一个提供用户帖子的Feed部分。我有一个custom.scss样式表，它包含我加载应用程序时加载的所有样式。

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

我读了资产pipline doc思考，它会给我一个答案，但没有here。

我想知道是否有人知道为什么我的应用程序正在执行此操作，希望只是我可以包含在我的脚本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();
  }
});

Answer 1

这个问题的答案是，我在问题中有js代码，特别是#feed指向<div id=""而不是该div内的<ol class=""。因此造型结束了，因为在渲染我的项目时，js只返回了div而不是ol样式。

CSS没有样式检索帖子，rails jquery

1 个答案: